HTML5语义标签

<header>标签

• <header>标签用于定义站点的头部信息，也就是页眉。
• <header>标签内一般放置网站的站点名称、LOGO和导航栏。

<footer>标签

• <footer>标签用于定义底部信息，也就是页脚。
• <footer>标签内一般放置页脚导航，一些比如公司介绍、联系我们之类的信息。

<nav>标签

• <nav>标签用来定义导航部分。

<section>标签、<article>标签

• <section>标签不是一个专用来做容器的标签，专用的容器标签是<div>标签。
• 一个<section>标签通常由内容和标题组成。<section>标签里应该有标题标签（<h1>，<h2>，<h4>、<h4>、<h5>、<h6>），但若表示文章、帖子推荐使用<article>标签来代替<section>标签。

举例：
一张报纸有很多个版块，有头版、体育版块、娱乐版块、文学版块等等，像这种有版块标题的、内容属于一类的版块就可以用<section>标签包起来。然后在各个版块下面，又有很多文章、报道，每篇文章都有自己的文章标题、文章内容，这个时候用<article>标签就最好。如果一篇报道太长，分好多段，每段都有自己的小标题，这时候又可以用<section>标签把段落包起来。

<aside>标签

• <aside>标签定义<article>标签内容之外的内容，比如左侧边栏、右侧边栏。
• <aside>标签内的文字信息与<article>标签内的文字信息最好是相关的。

举例：
比如一个页面主内容区域使用<article>标签显示一片文章，在主内容区域外有一个相关文章的区域，这个相关文章的区域就可以使用<aside>标签。