Html5中的文章布局

可以帮我们省去一些不必要的排版标签，利用新式布局标签会显得更加专业，而且代码量更少。

header   页眉
nav       导航
section   文档中的节
article   独立的自包含文章
aside     侧栏
footer   页脚
details   额外的细节
summary   details的标题

<header>
<h1>CCTV</h1>
</header>

<nav>
CCTV-1<br>
CCTV-2<br>
CCTV-3<br>
</nav>

<section>
<h1>新闻联播</h1>
<p>
大家好，欢迎来到新闻联播。下面请看简讯
</p>
<p>
一男子每天靠摆地摊赚钱，这是怎么回事呢？
</p>
</section>
<summary>
<h3>其它简讯</h3>
<details>
后浪们，摆摊吧~
</details>
<details>
摆摊入门知识
</details>
</summary>
<footer>
商务合作www.这你都信.com
</footer>

 

可以看到，文章结构紧凑，排版更加让人觉得一目了然。