新增标签之结构、块级、行内语义、交互

HTML5增强了浏览器的原生功能，符合HTML5规范的浏览器功能将更加强大，减少了Web应用对插件的依赖
主要目的为了让用户体验更好，让开发更加方便，另外W3C从推出HTML4.0到5.0之间共经历了17年。
H5标签改动:新增了27个标签，废弃16个标签。
按照标签作用大致分类：功能性标签、结构性标签
H5本质
H5是包括HTML、CSS和JavaScript在内的一套技术组合，是HTML最新版本，2014年10 月由万维网联盟（W3C）完成标准制定。目标是替换1999年所制定的HTML 4.01和XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到匹配当代的网络需求。

H5的8大特性

语义特性
HTML5赋予网页更好的意义和结构，标签更加丰富
本地存储特性
HTML5 APP Cache、本地存储功能、IndexedDB、FileAPI
设备访问特性
重力感应（陀螺仪）、全球地理定位、麦克风、摄像头
连接特性
WebSocket、Server-Sent Events实现双向连接，消息推送
网页多媒体特性
支持网页端的Audio、Video等多媒体功能
三维、图形及特效特性
打败了Flash，增加了图形增强，SVG，Canvas，WebGL，2D/3D/2.5D游戏和页面视觉特效
性能与集成特性
没有用户会永远等待Loading，HTML5增加WebWorker、XMLHttpRequest2
呈现
除了DOM接口，HTML5增加了更多样化的应用程序接口

结构性标签

结构性标签：负责web上下文件结构的定义
nav：菜单导航，链接导航
section：章节区域内容
article：文章主体内容（比如一篇博客、一段用户评论等）
footer：尾部区域内容
hearder：头部区域内容
aside：标记、侧栏、摘要e、插入引用作为补充主体内容
hgroup[已经弃用]：对网页或区段（section）的标题进行组合
结构性标签：负责web上下文件结构的定义
figure：将多个元素组合并展示元素，常和figcaption一起使用
code：表示一段代码块（目前并不兼容主流浏览器）
dialog：聊天的对话，包括dt和dd两个组合元素（dt表示说话者，dd表示说话者说的内容）

新增标签–结构性标签

结构性标签：主要负责web上下文结构的定义

1、

网站的头部区域，通常放置网站的标题、副标题、头部广告、网站介绍、网站导航等等。在之前的 XHTML （HTML规范版）或者 HTML4 中，通常写一个 id=“header” 的 div 来实现。但是由于使用频率太高，于是 HTML5 中，新增了一个 header 标签，用于表示头部区域。

2、

nav 标签通常用于以下场合：网站导航条、侧边栏导航条、页内导航、前页后页翻页等。
但开发推荐，一个页面上最好只用一个 nav 标签，用它来标记最重要的导航条（一般就是网站的导航条）。这样，可以让搜索引擎等快速定位，避免误导。通常配合 ul 或 ol 列表标签一块使用。


3、

章节区域内容，section 语义为“部分”，定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。通常对网站或页面上的内容，进行分开。
section用于对网站中的内容进行分块。一个 section 元素通常由内容以及标题组成，表示一个内容区块。通俗理解：主要用于定义文档中的分区或节。
开发建议：普遍认为这是一个比较鸡肋的属性，本身它的功能和 div 标签类似，同时又和 article 标签的功能类似。建议不要乱用 section 标签。
4、

文章主体内容，用于装载显示一个独立的文章内容。例如一篇完整的论坛帖子，一则网站新闻，一篇博客文章等等，一个用户评论等等 artilce可以嵌套，则内层的artilce对外层的article标签有隶属的关系。例如，一个博客文章，可以用article显示。
article 元素代表文档、页面或者应用程序中独立完整的可以被外部引用的内容。因为article元素是一段独立的内容，所以article元素中，通常包含头部（header元素）、底部（footer元素）。
通俗理解：特殊独立区块，表示这篇页眉中的核心内容
例如博客中的一篇文章的结构：

对比

section 元素用于对网站或者应用程序中页面上的内容进行分块。
一个 section 元素通常由内容以及标题组成。例如：

从上例可以看出，section 元素中，需要包含一个标题元素，而一般不用包含头部（header元素）或者底部（footer元素）。通常用 section 元素为那些有标题的内容进行分段。

	<article></article>对比<section></section>
	section 元素的作用，是对页面上的内容分块处