HTML5 的新特性

什么是 HTML5?

HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。
万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改;
2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。
HTML5 是最新的 HTML 标准。
HTML5 是专门为承载丰富的 web 内容而设计的，并且无需额外插件。
HTML5 拥有新的语义、图形以及多媒体元素。
HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。
HTML5 是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行;

设计目的:

HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式;

新特性:

HTML5 中的一些有趣的新特性：

• 取消了一些过时的HTML4标记
• 用于绘画的 canvas 元素
• 用于媒介回放的 video 和 audio 元素
• 对本地离线存储的更好的支持
• 新的特殊内容元素，比如 article、footer、header、nav、section
• 新的表单控件，比如 calendar、date、time、email、url、search
• Html5取代Flash在移动设备的地位
• 强化了web页的表现性,追加了本地数据库
• 将内容和展示分离

HTML5有以下优点：

1、提高可用性和改进用户的友好体验；
2、有几个新的标签，这将有助于开发人员定义重要的内容；
3、可以给站点带来更多的多媒体元素(视频和音频)；
4、可以很好的替代FLASH和Silverlight；
5、当涉及到网站的抓取和索引的时候，对于SEO很友好；
6、将被大量应用于移动应用程序和游戏；
7、可移植性好。

HTML5新增标签

HTML5新增了27个标签元素,废弃了16个标签元素,主要包括结构性标签、级块性标签、行内语义性标签、交互性标签;

1.结构性标签

负责Web上下文结构的定义，确保HTML文档，包括：

• article 文章主体内容(一篇博客、一篇论坛帖子、一段用户评论、插件)
• header 标记头部区域内容
• footer 标记脚部区域内容
• section 区域章节表述
• nav 菜单导航,链接导航

2.块级性标签

完成Web页面区域的划分，确保内容的有效分隔，包括：

• aside 注记,贴士,侧栏,摘要,插入的引用作为补充主体的内容
• figure 对多个元素组合并展示的元素,常与figcaption联合使用
• code 表示一段代码块
• dialog 人与人之间对话,包含dt和dd两个组合元素（dt用于表示说话者、dd用于表示说话者的内容）

3.行内语义性标签

完成Web页面具体内容的引用和表述，丰富展示内容，包括：

• meter 特定范围内的数值，如工资、数量、百分比
• time 时间值
• progress 进度条，可用max、min、step进行控制，完成对进度的表示和监听
• video 视频元素，用于视频播放，支持缓冲预载和多种视频媒体格式
• audio 音频元素，用于音频播放，支持缓冲预载和多种音频媒体格式

4.交互性标签

功能性内容的表达，有一定的内容和数据的关联，是各种事件的基础，包括：

• details 表示一段具体的内容，默认不显示，通过某种方式（单击）与legend交互才会显示
• datagrid 控制客户端数据与显示，可用于动态脚本及时更新
• menu 用于交互菜单
• command 用来处理命令按钮

新语意/结构元素

新的表单元素

新的输入类型

新属性语法

图像

新的媒介元素

HTML5被移除的标签:

• acronym

• applet
• basefont
• big
• center
• dir
• font
• frame
• frameset
• noframes
• strike
• tt