HTML5常见标签

section

用来划分网页,表示页面中的一个内容区块,比如章节,页眉,页脚或其他部分

article

完整独立内容块,专门为摘要设计的,比如一篇文章

aside

表示 article标签内容之外的,与article标签内容相关的辅助信息,aside元素应该被用于无关内容,可以用在主要内容相关的引用,侧边栏,广告等

hgroup

对整个页面中,一个内容区块的标题进行组合

header

一个内容区块或整个页面的头部部分

footer

整个页面或页面区块的尾部

nav

页面中导航链接的部分

figure

  • 表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元
  • figure元素经常用于图片

figcaption

  • 代表一个图例的说明
  • 代表了figure元素的一个标题或者说是其相关解释
  • 在使用figcaption时,它最好是figure块的第一个或者最后一个元素

mark

高亮显示

progress

进度条

time

<time></time>用来表示时间或日期

wbr

<p>一行放不下则在这换行<wbr/>能放下则一行显示</p>

兼容问题

  • html5语义化标签在IE6-8下,对于不支持的标签不会有任何的样式,也默认的当成行内元素展示出来,所以在样式表里要对这些标签定义一下它默认的display
  • 通过引入如下js来解决ie9以下新增标签的兼容问题
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。