HTML5常用语义化标签

1.结构元素

header 标签定义文档的页眉(介绍信息)。
nav 标签定义导航链接的部分。
article 标签定义外部的内容。
aside 标签定义其所处内容之外的内容。
section 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
footer 标签定义文档或节的页脚。元素应当含有其包含元素的信息。页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。可以在一个文档中使用多个元素。

2.分组元素

hgroup 标签用于对网页或区段(section)的标题进行组合。
figure 标签规定独立的流内容(图像、图表、照片、代码等等)。figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。
figcaption 标签定义 figure 元素的标题(caption)。figcaption元素应该被置于figure元素的第一个或最后一个子元素的位置。

3.页面交互元素

details 标签用于描述文档或文档某个部分的细节。
summary smmary标签为details 元素定义一个可见的标题。当用户点击标题时会显示出详细信息。
progress 标签标示任务的进度(进程)。
meter 标签定义度量衡。仅用于已知最大和最小值的度量。比如磁盘使用情况,查询结果的相关性等。meter不能作为一个进度条来使用, 进度条progress标签。

4.文本层次语义元素

time 标签定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。
mark 标签定义带有记号的文本。请在需要突出显示文本时使用m标签。
cite 标签通常表示它所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题,引用的文本将以斜体显示。

5.全局属性

draggable 属性规定元素是否可拖动。
hidden 属性是布尔属性。如果设置该属性,它规定元素仍未或不再相关。
spellcheck 属性规定是否对元素进行拼写和语法检查。
contenteditable 属性规定元素内容是否可编辑。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值