1
在h5之前,我们使用div表示页面各个部分,但是这些div都没有实际意义
各大浏览器分析了上百万的页面,从中发现div的名称的通用id名称大量重复,,所以h5引入了语义化标签
<hgroup></hgroup>
代表网页或section的标题,当有多个层级时,该元素可以将h1-h6放在其内,例如文章主标题和副标题的组合
使用:如果只有一个h1-h6标签就不用这个标签
如果有连续多个h1-h6标签就用这个
如果有连续多个标题和其他文章数据,h1-h6用hgroup裹住,和其他文章数据一起放入header标签
<header></header>
代表网页或section的页眉,通常包含h1-h6元素或hgroup
使用:可以是网页或section的头部部分
没有个数限制
如果hgroup或者h1-h6自己就能工作的很好,就不用header
<nav></nav>
代表页面的导航链接区域
使用:用在震哥哥页面主要导航部分上,不合适就不用nav
<section></section>
代表文档节或段,段可以是指一片文章里按照主题的分段,节可以是指一个页面里的分段
使用:section不是一般意义上的容器元素,如果想作为样式展示和脚本的便利,可以用div
article\nav\aside可以理解为特殊的section,可以用article\nav\aside就不用section.
<footer></footer>
<article></article>
代表一个文档、页面或网站中自称一体的内容
使用:独立文章用article
单独模块用section
没有语义的用div
<aside></aside>
被包含在article元素中作为主要内容的附属信息部分,其中内容可以是与当前文章相关的资料,例如名词解释等
在article之外作为页面或站点的附属部分,最典型的是侧边栏,
- 语义化好处
结构化代码标签代替大量无意义的div标签
这种语义化特性提升了网页的质量和语义。对搜索引擎更加友好