7.文档元素
文档元素的主要作用是划分各个不同的内容，让整个页面布局清晰明快，让整个布局具有语义，进一步替代div。
基本上没有什么实际作用效果，主要目的是在页面布局时区分各个主题和概念。
h1~h6 表示标题
header 表示标题
footer 表示尾部
nav 表示有意集中在一起的导航元素
section 表示重要概念或主题
article 表示一段独立的内容 一般博客里博文都用
address 表示文档或article的联系信息
aside 表示与周边内容少有牵涉的内容
hgroup 将一组标题组织在一起
details 生产一个区域，用户将其展开可以获得更多细节
summary 用在details元素中，表示该元素内容的标题或说明
1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <head> 4 <meta charset="utf-8" 5 <title>文档元素</title> 6 </head> 7 <body> 8 <header> 9 <hgroup> 10 <h1>这是主标题</h1> 11 <h4>这是副标题</h4> 12 </hgroup> 13 </header> 14 <aside>这是侧边栏内容</aside> 15 <section> 16 <nav>这是导航</nav> 17 <details>生成一个区域</details> 18 19 </section> 20 <article> 21 这是对立的内容 22 </article> 23 <footer> 24 <h4>这是副标题</h4> 25 <address>这是联系信息</address> 26 </footer> 27 </body> 28 </html>