带你了解HTML5实用新特性

什么是HTML5

HTML5是一个新的网络标准，现在仍处于发展阶段。目标是取代现有的HTML 4.01和XHTML 1.0 标准。它希望能够减少互联网富应用（RIA)对Flash、Silverlight、JavaFX等的依赖，并且提供更多能有效增强网络应用的API。

HTML5的八大新特性

1. 语义
2. 离线存储
3. 设备通用
4. 连接
5. 多媒体
6. 三维、图形与特效
7. 性能与集成
8. CSS3

语义化的标签

HTML5 引入了新的 HTML 元素，通过使用这些元素，开发者可以更细致的描述文档结构，让文档更加易读，搜索引擎也能更好的理解页面中各部分间的关系，我们也可以搜索到更快，更准确的信息。

<article>  定义文章
<header> 定义页眉
<hgroup> 定义对网页标题的组合
<nav> 定义导航
<section> 定义文档中的区段
<time>定义日期和时间
<aside>  定义文章的侧边栏
<figure>  一组媒体对象以及文字
<figcaption>  定义 figure 的标题
<footer> 定义页脚

增强的表单控件

选项列表

<input type="text" list="mydata">
<datalist id="mydata">
    <option label="Mr" value="Mister">
    <option label="Mrs" value="Mistress">
    <option label="Ms" value="Miss">
</datalist>

必填字段

<input type="text" required />

数字字段

<input type="number" min="1" max="10" value="1">

滑动组件

<input type="range" min="1" max="10" value="1">

日期字段

<input type="date" min="2010-12-16" />

时间字段

<input type="time" step="1800" />

搜索

<input type="search" />

进度条

<progress value="25" max="100">25%</progress>

密钥

<keygen name="abcdefg">

微数据 (Microdata)

<div>
    <meta itemprop="rating" content="4">评分:四星商户
    <span itemprop="count">618</span>封点评
</div>

一个页面的内容，例如人物、事件或评论不仅要给用户看，还要让机器可识别。而要让机器知会特定内容含义，我们就需要使用规定的标签和属性。
HTML5 微数据规范是一种标记内容以描述特定类型的信息，例如评论、人物信息或事件。每种信息都描述特定类型的项，例如人物、事件或评论。例如，事件可以包含 venue、starting time、name 和 category 属性。

多媒体音频和视频

Audio和Video是首批添加到HTML规范中的标签。它们的加入使得我们可以像插入图片一样来处理音频及视频文件。

<audio src="sound.mp3" controls></audio>

<video src="movie.webm" autoplay controls></video>

HTML5演示：
http://html5gallery.com/
http://www.htmleaf.com/
http://demo.html5cn.org/
http://html5demos.com/
http://html5.360.cn/
http://www.cnblogs.com/lhb25/archive/2011/07/08/showcase-of-html5-powered-sites.html
http://www.apollohq.com/en
推荐一个编辑工具：Hbuilder 学习：http://www.dcloud.io/