HTML5 介绍

什么是 HTML5

HTML 5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同，HTML 5并非仅仅用来表示Web内容，它的新使命是将Web带入一个成熟的应用平台，在HTML 5平台上，视频，音频，图象，动画，以及同电脑的交互都被标准化。

HTML5 主要新功能

HTML5 是继 HTML4.01, XHTML 1.0 和 DOM 2 HTML 后的又一个重要版本，旨在消除Internet 程序（RIA）对 Flash， Silverlight， JavaFX 一类浏览器插件的依赖。除了原先的DOM接口，HTML5增加了更多API，如：

·       本地音频视频播放；

·       动画；

·       地理信息；

·       硬件加速；

·       本地运行(即使在 Internet 连接中断之后)；

·       本地存储；

·       从桌面拖放文件到浏览器上传；

·       语义化标记。

那些支持 HTML5 的浏览器在处理 HTML 代码错误的时候必须更灵活，而那些不支持 HTML5 的浏览器将忽略 HTML5 代码。

HTML 语法的变化

HTML5 引入了新的 HTML 元素和属性，有的是传统通用元素的语义化版本，如取代  div 元素的 nav, footer 等元素，也有一些全新的元素，如 audio, video。一些在 HTML4 中不被推荐使用的元素，如 font 和 center 将被弃用。HTML5 引入的新 HTML 元素包括：

·       article：文章

·       aside：内容旁边的侧边栏内容

·       audio：音频

·       canvas：2D 绘图

·       command：命令按钮

·       datalist：下拉选择框

·       details：对象的细节

·       dialog：对话框

·       embed：外部插件或对象

·       figure：一组媒体对象以及标签文字

·       footer：页脚

·       header：页首

·       hgroup：文档某一部分的信息

·       keygen：表单生成的 Key

·       mark：标注的文字

·       meter：预先定义的范围内的度量

·       nav：导航条

·       output：输出

·       progress：进度条

·       rp：标识 rubby 内容

·       rt：rubby 内容的解释

·       ruby：rubby 内容

·       section：定义一个部分

·       source：媒体的资源

·       time：日期时间

·       video：视频

这些新标签，可以让你的 HTML 文档更容易加载，且更容易被搜索引擎抓取其中的有用信息。比如，搜索引擎可以直接抓取它最关心的 article 标签里面的内容。

HTML5 同那些流行的技术如何共存

如今的 Web 世界已经习惯了各种插件和 API，HTML5 为 Web 开发与设计者带来了方便与不便，HTML5 将如何同现在的这些流行技术共存？

·         HTML5 与 Flash

这个争论由来已久，Flash 被某些开发设计者滥用导致一些网页加载缓慢，而 HTML5 为之带来一线曙光。相对 Windows 用户来说，Mac 用户可能会从 HTML5 获得更多好处，因为苹果一直不愿支持 Flash。

现在看来，就视频游戏而言，Flash 是更好的选择，但取决于你的浏览器，如果你的视频不是很复杂，HTML5 是更好的选择。Web开发与设计者从这些争论中应该吸取的东西是，Flash 之外还有别的选择，但 Flash 有牢固的地盘，在为客户提供开发设计的时候，需要对他们的目标客户做一些研究。

·         HTML5 与 IE 9

IE9 经常高调宣扬它对 HTML5 的兼容，它确实将是一个很好地支持 HTML5 的浏览器，因为，IE9 使用 Windows 现代图形 API 以及 PC 的图形加速卡输出文字和图形。微软还曾宣称，IE9 将支持 GPU 加速的 HTML5，将图形滚动，3D 图形显示等处理交由图形加速卡。

·         HTML5 与 Ajax

现在的 HTML 语言的一个问题是，它是一种轻量级的应用界面，那些喜欢使用 Ajax 实现在线应用的开发者会发现 HTML 非常不好用。Ajaxwith.com 认为，HTML 适合用来加载界面，JavaScript 用来执行命令，虽然 HTML 在作为界面语言方面并不好用，但鉴于多数开发者对它的熟悉程度，HTML 还是不可缺少。HTML5 会让 Ajax 应用的实现变得更容易。

·         HTML5 with CSS

你需对你的 CSS 代码就行整理以支持 HTML5，因为 h1, h2 之类的标签将不再使用，为了实现同 HTML5 的兼容，最好的方式是使用 CSS reset，将那些常见的 HTML 标签的 CSS 属性清零，woork 认为，最好的 CSS Reset 是 Eric Meyers CSS reset。

HTML 5 将带来什么？

全新的，更合理的 Tag，多媒体对象将不再全部绑定在 object 或 embed Tag 中，而是视频有视频的 Tag，音频有音频的 Tag。本地数据库。这个功能将内嵌一个本地的 SQL 数据库，以加速交互式搜索，缓存以及索引功能。同时，那些离线 Web 程序也将因此获益匪浅。不需要插件的富动画。Canvas 对象将给浏览器带来直接在上面绘制矢量图的能力，这意味着我们可以脱离 Flash 和 Silverlight，直接在浏览器中显示图形或动画。将提供 API 实现浏览器内的编辑，拖放，以及各种图形用户界面的能力。内容修饰 Tag 将被剔除，而使用 CSS。理论上讲，HTML 5 是培育新 Web 标准的土壤，让各种设想在他的组织者之间分享。

HTML5 的更多意义

HTML5 的意义远不止上面这些，它最大的意义在于改变了 Web 文档的结构方式，借助 header, footer, section, article 这些标签，我们可以实现更具结构化，语义化的 Web 文档。这样，搜索引擎可以更容易索引 Web 站点，我们也可以搜索到更快，更准确的信息。

另外，借助 Microdata， HTML5 还可以实现更强大的语义结构，这个标准化的数据格式(类似 microformats，对浏览器和搜索引擎都意义深远)，可以让你的站点不仅能够提供数据，还能提供数据定义。

不过，和任何新技术的降临一样，其中也会牵扯到一些问题，对 Web 设计者而言，最大的一个问题就是因为这些新标签的引入，各浏览器之间将缺少一种统一的数据描述格式。