html5新增的语义标签

@H_674_5@html5标准之前的HTML4.0或XHTML1.0标准中，语义的标签比较少，在布局HTML的时候，一般会大量使用div标签。这样做的结果是网页的源代码中有大量的div标签，需要用不用的class和id来区分。

@H_674_5@在H5标准中，新增了一些语义标签：

@H_674_5@1、使得css在选择元素的时候，能够更加自然地找到“钩子”。

·@H_674_5@ 2、能够减少标签的class和id属性，这意味着网页的加载会更快，网页代码也显得更“瘦”。

@H_674_5@3、对于开发者来说，这些新增的语义标签能够帮助开发者记住和区分标签的“语义”。

@H_674_5@

@H_674_5@下面介绍一些H5新增的常用的语义标签。

section	表示页面中的一个内容“区域”，相当于以前写的<div id="container"></div>等区别于其他内容的section
article	顾名思义，可以用于放置独立于上下文的“文章”或一大段文本内容。
aside	表示“article-side”，意思是与article元素内容相关的辅助信息
header	表示在页面的最上面，可以放入一些页面的标题、导航信息等
hgroup	表示“header-group”，可以和页面的标题整合
footer	顾名思义，用在页面底下，可以包含一些网站的备案信息，合作伙伴，联系我们等内容
nav	常用于放置一些网站的导航栏。
figure	表示一段独立的流内容，区别于页面的其他部分的区域。

@H_674_5@上面这些标签在chrome，Firefox，opera，safari浏览器中支持得已经比较好了，在IE9以下是有问题，IE9不支持这些标签，但是可以通过html5.js（请自行百度）来达到

让IE9以下浏览器达到兼容（但并不是所有）

H5在移动端引用地更多，常用于制作网页游戏，APP页面等。