当前位置:Gxlcms > html代码 > 解读HTML5:建议、技巧和技术

解读HTML5:建议、技巧和技术

时间:2021-07-01 10:21:17 帮助过:33人阅读

现今我们能用 HTML5 吗,能用它做些什么呢,是否真的是 Flash 杀手?想必你也注意到了这些日渐增长且常被问起的类似问题,被讨论着,甚至被回答过。在我看来,你必须自己回答这些基本的问题。


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

HTML 5 特性

官方详细的文档是寻找 HTML5 特性的最好地方,当然你还可以轻松通过 W3Schools 来学习HTML5 标签。我们将会在文章中涉及到以下的特性:

  • 语义化标记
  • Form 表单增强功能
  • 视频 / 音频
  • 画布(Canvas)
  • 可编辑内容
  • 拖放
  • 稳健的数据存储

检测浏览器支持

在你开始尝试 HTML5之前,需要知道各主流浏览器的支持状况。这些有用的资源,将可以帮助你向着正轨走:

  • 何时能用
  • 网页设计师的浏览器支持列表
  • HTML5 测试
  • 布局引擎对比

你还可以运行 Javascript(用Javascript 检测浏览器特性)来检测 HTML5 特性的支持。你还应该用用Modernizr: 一个非常不错的检测 HTML5/CSS3 本地支持的 Javascript 库。如果你选择用 Mootools可以使用MooModernizr (MooTools port of Modernizr)。

你可能也会想留意不断变化的"浏览器市场份额分享" — 这些信息对于你决定用何种解决或折衷的方法将会是非常必要的。

值得注意的变更点

除了新的特征,你还应该记下这些重要的变更点:

  • 简洁的 DOCTYPE HTML5 只需一个简洁的文档类型:。它有意不使用版本,因此文档将会适用所有版本的HTML。
  • 简单易记的语言标签 你并不需要在 中使用 xmlns 或 xml:lang 标记。 将对 HTML5 有效。
  • 简单易记的编码类型 你现在可以在 meta 标签中使用 "charset":

    HTML5 Document



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

    语义化标记

    HTML5 新增的一些新标签除了不仅仅是更具语义的

    标签的替代品,并不提供额外的功能。这些都是新增的标签:>、
    、、
    ,