HTML5 令人期待的五项酷功能 轻松又美丽

superadmin

HTML 5 旨在提高 HTML 的交互行，支持当前多样的复杂的 Web 内容。目前，开发工作仍在进行中，并将于2012年向 W3C 提交初步意见，不过现在已经有不少浏览器部分支持 HTML 5。


HTML 5 是超文本置标语言下一个重要版本，HTML 自1999年发布 HTML 4.01 以来，其开发一直处于停顿状态，而1999年至今正好是 Web 飞速发展的时间，现在的 HTML 版本已经无法适应现在的 Web 内容与应用。HTML 5 旨在提高 HTML 的交互行，支持当前多样的，复杂的 Web 内容。同时，它也会解决 HTML 4 Web 应用功能上的欠缺。

HTML 5 的历史背景

HTML 5 的讨论开始于2003年，当时，W3C 对由 Web Hypertext Application Technology Working Group (WHATWG) 开发的 HTML 5 草案表示出兴趣，WHATWG 创始于2004年，由苹果，Mozilla 基金会，以及 Opera 公司的 代表组成。此后，W3C HTML Working Group 于2007年成立并着手开发 HTML 5。目前，开发工作仍在进行中，并将于2012年向 W3C 提交初步意见，不过现在已经有不少浏览器部分支持 HTML 5。本文介绍 HTML 5 的5大令人激动的新功能。

1. 一些帮助我们描述内容的新标签

Web 内容的多样性让 HTML4 力不从心，在描述一个网页时，HTML4 如下 表现：



HTML 5 将如下表现：



这样，浏览器就知道一个网页的各个部分各代表什么，比如 部分是导航，而 部分是主要内容 。除了更漂亮的 代码与语义标签，这种改变还带来更多好处，比如，搜索引擎可以更准确地知道一个网页的哪部分内容更重要。关于 HTML 5 新标签，IBM有详细的论述。

superadmin

2. 改进的 Web 表单处理

HTML 5 推出 Web Forms 2.0，为开发提供许多新选项和新功能，以更简单更有效地处理表单的输入与发布。Web Form 2.0 最令人兴奋的功能是输入验证。目前，我们需要通过 JavaScript 或服务器端的逻辑，实现同样的功能。

比如有下面这样一个表单：




在 HTML4 我们需要这样写代码，然后使用 JavaScript 或服务器端的脚本进行验证：



而 HTML5 中的 required 与 email 属性可以直接实现验证，如下：

superadmin

3. 为 Web 开发提供 API

HTML 5 将提供多个 API，如音频和 视频标签可以让开发者不借助第三方工具直接播放 Web 视频和音频：



Opera 在者方面有不少研究并有视频播放 demo 推出。

4. 标签将允许直接在上面用脚本绘图

人更容易从图片获得信息，如，下面的信息通过表格和圆饼图两种方式显示，效果明显不一样：


然而以往要实现这种效果，只能使用静态图片，无法对图片进行调整。使用 标签，你可以实时修改参数对图形进行修改，比如，根据用户的投票，实时生成圆饼图。

5. 用户可以编辑网页的部分内容并实现同网页的交互

HTML 5 将支持用户的交互，contenteditable属性允许你设定网页的哪一部分可以编辑，在基于 Wiki 的 站点，这非常实用。

superadmin

关于HTML 5（源自维基百科）

新标记

HTML 5提供了一些新的原素和属性，反映典型的现代用法网站第其中有些是技术上类似div和span标签，但有一个含义，例如nav(网站导航块)和footer。这种标签将有利于搜索引擎的索引整理、小屏幕装置和视障人士使用。同时为其他浏览要素提供了新的功能，通过一个标准接口，如audio和video标记。

一些过时的HTML 4标记将取消。其中包括纯粹显示效果的标记，如font和center，因为它们已经被CSS取代。还有一些透过DOM的网络行为。

新应用程序接口(API)

除了原现的DOM接口，HTML5增加了更多样化的API[

即时二维绘图

定时媒体播放

储存

离线

编辑

拖放

通讯/网络

后退按钮管理

MIME和协议处理程序头部登记

与HTML 4的不同之处

新的解析顺序

新的元素：section, video, progress, nav, meter, time, aside, canvas

input元素的新属性：日期和时间, email, url

新的通用属性：ping, charset, async

全域属性：id, tabindex, repeat

移除元素：center, font, strike