h5语义化标签

1
在h5之前，我们使用div表示页面各个部分，但是这些div都没有实际意义
各大浏览器分析了上百万的页面，从中发现div的名称的通用id名称大量重复，，所以h5引入了语义化标签

	<hgroup></hgroup>
	代表网页或section的标题，当有多个层级时，该元素可以将h1-h6放在其内，例如文章主标题和副标题的组合
	  使用：如果只有一个h1-h6标签就不用这个标签
	        如果有连续多个h1-h6标签就用这个
			如果有连续多个标题和其他文章数据，h1-h6用hgroup裹住，和其他文章数据一起放入header标签
	
	<header></header>
	代表网页或section的页眉,通常包含h1-h6元素或hgroup
	  使用：可以是网页或section的头部部分
	       没有个数限制
		   如果hgroup或者h1-h6自己就能工作的很好，就不用header
	
	<nav></nav>
	代表页面的导航链接区域
	  使用：用在震哥哥页面主要导航部分上，不合适就不用nav
	  
	<section></section>
	代表文档节或段，段可以是指一片文章里按照主题的分段，节可以是指一个页面里的分段
	  使用：section不是一般意义上的容器元素，如果想作为样式展示和脚本的便利，可以用div
	        article\nav\aside可以理解为特殊的section,可以用article\nav\aside就不用section.
	<footer></footer>
	
	<article></article>
	代表一个文档、页面或网站中自称一体的内容
	  使用：独立文章用article
	       单独模块用section
		   没有语义的用div
		   
	<aside></aside> 
	被包含在article元素中作为主要内容的附属信息部分，其中内容可以是与当前文章相关的资料，例如名词解释等
	在article之外作为页面或站点的附属部分，最典型的是侧边栏，

2. 语义化好处
   结构化代码标签代替大量无意义的div标签
   这种语义化特性提升了网页的质量和语义。对搜索引擎更加友好