HTML之新增的非主体结构元素

1.header元素（具有引导和导航作用的结构元素，放置整个页面或页面内的一个内容区块的标题。）

2.footer元素（作为其上层父级内容区域或是一个根区块的脚注。通常包含其相关区块的脚注信息，如作者、相关阅读链接及 版权信息等。）

3.hgroup元素是标题及其子标题进行分组的元素。hgroup元素通常会将h1~h6元素进行分组，譬如一个内容区块的标题及其子元素算一组。

<article>
			<header>
				<hgroup>
				<h1>这是标题</h1>
				<h2>二级标题</h2>
				</hgroup>
				<p><time datetime="205-10-10">2015-10-10</time></p>
			</header>
			<div>
				这是内容
			</div>
			<footer>
				这是底部
			</footer>
	</article>

当承载的标题过多的时候，我们可以用hgroup在区分。

4.address元素（用来 在文档中呈现联系信息，包括文档作者或文档维护者的名字、邮箱等。address可以用来

展示跟文档相关联系人的所有联系信息。）

<address>
		<a href="">时空</a>
		<a href="">时空</a>
	</address>
	<footer>
		<div>
			<address>
				<a href="">shikong</a>
				changsha,china
			</address>
			<time datetime="2015-10-10">2015-10-10</time>
		</div>
	</footer>

5.HTML5大纲编排的规则。

关于HTML的大纲编排，我们可以划分为“显式编排”和“隐式编排”两种方式。

 

1、显式编排

显式编排是指明确使用section元素进行分块来创建网页文档，每个内容区块内使用标题（h1~h6）

 

2、隐式编排

所谓的隐式编排，就是我们不使用section元素进行明确的区块划分，而是根据我们写的（h1-h6、hgroup等）元素进行自动创建区块，因为HTML5的分析器可以根据不同级别的标题判断出对应的内容区块。

3、标题分级

不同的标题有不同的级别，在（h1-h6）中h1的级别最高，而h6的级别最低。所以在隐式编排的情况下就会按照以下规则生成！

1）、如果出现新的标题比上一个标题级别低，那么将生成下级内容区块！

2）、如果新出现的标题比上面出现的一个标题级别高，或者两者级别相同，那么就生成新的内容区块！

 

4、不同的内容区块可以使用相同级别的标题

父内容区块与子内容区块都可以使用相同级别的H1标题

<header>
		<h1>标题</h1>
		<nav>
			<ul>
				<li><a href="">首页</a></li>
				<li><a href="">其他</a></li>
			</ul>
		</nav>
	</header>
	<article>
		<hgroup>
				<h1>主标题</h1>
				<h2>副标题</h2>
		</hgroup>
		<p>正文</p>
		<section>
			<div>
				<article>
					<h1>文章主题</h1>
					<h2>文章副标题</h2>
				</article>
			</div>
		</section>
	</article>
    <footer>
		<small>版权所有...</small>
    </footer>