仅用于术语首次出现且紧邻其定义时,包裹被定义词本身,不可用于视觉强调或嵌套,否则破坏语义结构与可访问性。
不是用来“加斜体”或“突出显示”的视觉标签,它的作用是明确告诉浏览器和辅助技术:“这个词在此处被定义”。用错就等于给语义结构埋雷。
什么时候该用
?
只在术语首次出现、且紧邻其完整定义时使用。比如在段落里写“
是被定义项,整句话就是它的定义上下文。
适合场景:技术文档、API 手册、术语表开头的解释句、教学文章中首次引入概念
不适合场景:列表项里单独列一个词、标题中堆砌术语、重复出现后的后续引用
注意:
必须包裹“被定义的词本身”,不是整个定义句——定义句由父元素(如
或
)承载
属性怎么影响语义?
当
带
属性时,它会覆盖内部文本作为“被定义术语”的值。这对缩写特别有用。
正确:
→ 被定义术语是
错误:
→ 语义反转,实际定义的是
这个字符串,而非其含义
兼容性提示:所有现代浏览器都按标准解析
,但部分旧屏幕阅读器可能忽略它,所以仍建议让内部文本本身可读
为什么不能用
替代
或
?
因为它们解决的是不同层级的问题:
表示语气强调,
表示重要性提升,而
是纯语义声明——它不承诺任何样式,也不改变信息权重。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更
下载
立即学习
“
前端免费学习笔记(深入)
”;
后果举例:搜索引擎可能把
内容加入术语索引;无障碍工具会为它触发“这是定义”的语音提示;CSS 重置后它依然保有定义语义
常见误用:为了视觉上“让词变斜体”而套
,结果破坏了文档结构可访问性
替代方案:真要控制样式,用
配合 CSS,比如
嵌套和父元素有哪些硬性要求?
必须出现在能承载定义的上下文中,否则语义断裂。HTML 规范明确要求其祖先节点需构成“定义环境”。
推荐父元素:
、
、
(配合
)、
禁止直接子级:
不能是
DOM 是文档对象模型的缩写”,这时 DOMtitletitleDOM 是网页内容的编程接口。
"Document Object Model"Document Object Model...
"DOM"titleclassDOM
或
的直系子元素,除非该
本身语义上是定义容器(如带
role="definition"
)
嵌套限制:不要在
里再套
,也不要用
包裹整个定义段落——它只包“那个词”
最容易被忽略的一点:即使你写了
Web API
,如果前后没有实质性的解释性文字,这个
就是空语义。它的价值永远绑定在“词+定义”的最小闭环里。
