html5新增的语义标签

1、 section

表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、 h2……等元素结合起来使用,表示文档结构。

2、article

标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。

3、aside

元素标签可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组,以及其他类似的有别与主要内容的部分

4、header

标签定义 section 或 document 的页眉 主要用于页面的头部的信息介绍,也可用于板块头部。

5、footer

标签定义 section 或 document 的页脚。典型地,它会包含创作者的姓名、文档的创作日期以及/或者联系信息。

6、hgroup

页面上的一个标题组合一个标题和一个子标题,或者标语的组合

7、nav

标签定义导航链接的部分。

8、figure

表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元。使用figcaption元素为figure元素组添加标题

9、video

定义视频。像电影片段或其他视频流。

10、audio

定义音频。如音乐或其他音频流。

11、embed

用来嵌入内容(包括各种媒体)。格式可以是Midi、Wav、AIFF、AU、MP3,flash等

12、mark

主要用来在视觉上向用户呈现哪些需要突出显示或高亮显示的文字。典型应用搜索结果中高亮显示搜素关键字。

13、progress

表示运行中的进程,可以使用progress元素显示JavaScript中耗时时间函数的进程。等待中……、请稍后等。

14、time

表示时间或者日期。

15、ruby   定义 ruby 注释

16、rt  定义字符 (中文注音或字符)的解释或发音。

17、rp    在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。

18、wbr    表示软换行。与br元素的区别:br元素表示此处必须换行;wbr表示浏览器窗口或父级元素足够宽时(没必要换行时),不换行,而宽度不够时主动在此处换行。

19、canvas    定义图形,比如图表和其他图像。

20、summary   包含 details 元素的标题,”details” 元素用于描述有关文档或文档片段的详细信息。”summary” 元素应该是 “details” 元素的第一个子元素。

21、details   用于描述文档或文档某个部分的细节 。 可与 summary 标签配合使用,summary可以为 details 定义标题。标题是可见的,用户点击标题时,会显示出 details。summary应该是details的第一个子元素。

22、datalist   定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。

23、datagrid  定义可选数据的列表。datagrid 作为树列表来显示。

24、keygen   标签规定用于表单的密钥对生成器字段。

25、output   定义不同类型的输出,比如脚本的输出。

26、source   标签为媒介元素(比如 <video> 和 <audio>)定义媒介资源。

27、menu   定义菜单列表。当希望列出表单控件时使用该标签。注意与nav的区别,menu专门用于表单控件。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值