HTML5 语义化标签

在HTML5出现之前,我们一般采用DIV+CSS布局我们的页面。
看下图没有用div标签来布局:

header 元素

header 元素代表“网页”或“section”的页面。

footer 元素代表“网页”或“section”的页脚。

nav 元素代表页面的导航链接区域。用于定义页面的导航部分。

aside 元素

aside 元素被包含在 article 元素中作为主要内容的附属信息部分。在article元素之外使用作为页面或站点全局的附属信息部分。最典型的是侧边栏。

section 元素

section 元素代表文档中的“节”或“段”,“段”可以是指一篇文章里按照主题的分段;“节”可以是指一个页面里的分组。

article 元素

article 元素表示文档、页面、应用或网站中的独立结构,其意在成为可独立分配的或可复用的结构。
注释:article 元素不能成 address 元素的子元素。

address 元素

address 元素代表区块容器,必须是作为联系信息出现,邮编地址、邮件地址等等,一般出现在footer。

hgroup元素

hgroup 元素代表“网页”或“section”的标题,当元素有多个层级时,该元素可以将h1到h6元素放在其内。

参考文献1
参考文献2