<HTML5秘籍》——第三章(编写更有意义的标记)

本文探讨了HTML5中用于增强网页语义化的多种元素和技术,包括&lt;time&gt;、&lt;output&gt;、&lt;mark&gt;等元素的应用,并介绍了ARIA、RDFa及微数据等标准如何辅助提升网页的语义丰富度。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

背景:上一章谈到的更多是页面结构方面的,但文本级信息同样也有语义

文本级语义:

<time>元素:标注日期和时间。任何文本形式也是允许的,只要你在datetime属性中提供计算机能看懂的通用格式的日期就行

The party starts <time datetime="2014-03-21">March 21<sup>st</sup></time>

<output>元素:标注JavaScirpt返回值

<mark>元素:标注突显文本,用来吸引人注意那些变得很重要的文本


其他语义标准


背景:HTML缺少太多语义元素了,因此其制定者不想把这门语言过分地特殊化

ARIA(Accessible Rich Internet Application,无障碍性因特网应用):它规定了任意HTML元素上使用的属性,而通过这些属性可以为屏幕阅读器提供额外的信息

<div class="header" role="banner"></div>

缺点:为了恰当地采用ARIA,需要学习标准,也要花时间评审自己的标记。对于是否值得为此投入,Web开发人员的看法不一。假如你真的想创建一个无障碍访问的网站,必须要考虑ARIA,又要考虑HTML5。因为屏幕阅读器支持ARIA,不支持HTML5

RDFa:也是一种使用属性向网页中嵌入详细信息的标准

微格式(Microformats):是一种在网页中嵌入元数据的简单而又比较合理的方式。应用方式比较新颖,它们附加在通常用于添加样式的class属性上

微数据:与RDFa类似,但简化了一些。缺点是以牺牲简洁性为代价,采用微数据的网页要比采用微格式的网页大很多

<div itemscope itemtype="http://schema.org/Person"></div>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值