HTML dfn 标签

HTML dfn 语法

在 HTML 中,dfn 标签用于标识一个术语的定义。它通常出现在介绍某个新概念或术语时,用来告诉浏览器和辅助技术:“这是一个需要特别理解的术语”。

dfn 标签的主要作用是提供语义信息,让页面结构更清晰,同时也对无障碍阅读(如屏幕阅读器)更友好。

语法:

<dfn>术语</dfn>

说明:

dfn 标签通常与段落文本、定义列表(dldtdd)以及 title 属性结合使用,以提供术语的完整定义。

  • 如果 dfn 元素有 title 属性,那么 title 属性的值就是被定义的术语。
  • 如果 dfn 元素没有 title 属性,那么 dfn 元素的文本内容就是被定义的术语。
  • 如果 dfn 元素包含一个 abbr 元素,并且该 abbr 元素有 title 属性,那么这个 title 属性的值就是被定义的术语。

dfn 标签用于包含术语,它可以用于以下场景。

  • 在词汇表或字典中定义术语。
  • 在教育内容中引入专业术语。
  • 在技术文档或文章中说明行话或行业术语。

提示: dfn 是 “definition(定义)” 的缩写。

HTML dfn 摘要

属于 HTML 语义化
使用频率
兼容性 查看
官方文档 查看
MDN 查看

HTML dfn 示例

接下来,我们通过一个简单的例子来讲解一下 HTML dfn 标签是如何使用的。

示例:dfn 标签的基本用法

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <p>"<dfn>HTML</dfn>"是超文本标记语言,它是一门标记性语言。</p>
</body>
</html>

页面效果如下图所示。

HTML dfn标签示例

dfn 与 abbr 的区别

dfn 和 abbr 这 2 个标签很相似,它们之间的区别如下:

  • dfn:用于术语,它周围一般会有对该术语的解释。
  • abbr:用于缩略词,主要为缩略词提供完整说明。

上一篇: abbr

下一篇: del

给站长反馈

绿叶网正在不断完善中,小伙伴们如果发现任何问题,还望多多给站长反馈,谢谢!

邮箱:lvyenet@vip.qq.com

「绿叶网」服务号
绿叶网服务号放大
关注服务号,微信也能看教程。
绿叶网服务号