岳阳网站建设:HTML5的技巧和技术 | 少将全栈
  • 欢迎访问少将全栈,学会感恩,乐于付出,珍惜缘份,成就彼此、推荐使用最新版火狐浏览器和Chrome浏览器访问本网站。
  • 吐槽,投稿,删稿,交个朋友
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏少将全栈吧

岳阳网站建设:HTML5的技巧和技术

seo admin 14年前 (2011-08-13) 2604次浏览 已收录 扫描二维码

    这篇文章的本意是想帮你通过一些基本指南的学习,以轻松学习代码模板。一旦你熟悉了这些基本,并想更进一学习,你还将会找到更多提供了建议、技巧和技术的有用资源。般,本文FYI。原文请看:HTML5 Unleashed: Tips, Tricks and Techniques。

    HTML 5 特性

    官方详细的文档是寻找 HTML5 特性的最好地方,当然你还可以轻松通过 W3Schools 来学习HTML5 标签。我们将会在文章中涉及到以下的特性:
?                   语义化标记
?                   Form 表单增强功能
?                   视频 / 音频
?                   画布(Canvas)
?                   可编辑内容
?                   拖放
?                   稳健的数据存储
    检测浏览器支持
    在你开始尝试 HTML5之前,需要知道各主流浏览器的支持状况。这些有用的资源,将可以帮助你向着正轨走:
?                   何时能用
?                   网页设计师的浏览器支持列表
?                   HTML5 测试
?                   布局引擎对比
    你还可以运行 Javascript(用Javascript 检测浏览器特性)来检测 HTML5 特性的支持。你还应该用用Modernizr: 一个非常不错的检测 HTML5/CSS3 本地支持的 Javascript 库。如果你选择用 Mootools可以使用MooModernizr (MooTools port of Modernizr)。
    你可能也会想留意不断变化的”浏览器市场份额分享这些信息对于你决定用何种解决或折衷的方法将会是非常必要的。” ?
值得注意的变更点
    除了新的特征,你还应该记下这些重要的变更点:
?    简洁的 DOCTYPE HTML5 只需一个简洁的文档类型:<!DOCTYPE html>。它有意不使用版本,因此文档将会适用所有版本的HTML。
?    简单易记的语言标签 你并不需要在 <html> 中使用 xmlns 或 xml:lang 标记。 <html lang=”en”> 将对 HTML5 有效。
?    简单易记的编码类型 你现在可以在 meta 标签中使用 “charset”:<meta charset=”utf-8″ />
?    不需要闭合标签 在 HTML5 中,空标签(如:br、img 和 input )并不需要闭合标签。

    废弃的标签 下面这些标签并不被 HTML5 支持:
<acronym>、<applet>、<basefont>、<big>、<center>、<dir>、<font>、<frame>、<frameset>、<noframes>、<s>、<strike>、<tt>、<u>
和 <xmp>

    简单代码示例:

<!doctype html>
<html lang=”en”>
<head>
    <meta charset=”utf-8″ />
    <title>HTML5 Document</title>
</head>
<body>
 
</body>
</html>

    你可以使用HTML5 Validator 或 W3C Markup Validation Service 来测试你的 HTML5 文档。

</a><div align="left"><a target="_blank" href="http://validator.w3.org/"> </a><a target="_blank" href="/post-312.html">html5技巧</a> <a target="_blank" href="/post-308.html">HTML5</a> <a target="_blank" href="/post-308.html">html5教程</a> html <a target="_blank" href="/post-312.html">HTML5兼容</a></div>
喜欢 (0)
[🍬谢谢你请我吃糖果🍬🍬~]
分享 (0)
关于作者:
少将,关注Web全栈开发、项目管理,持续不断的学习、努力成为一个更棒的开发,做最好的自己,让世界因你不同。