如何在 HTML 中添加定义术语？

定义术语在 HTML 中用<dt>标签表示，它描述描述列表中的名称或术语。<dt>定义术语与<dd>和<dl>标签结合使用。

  • <dd>标签用于描述每个名称或术语。

  • <dl>标签定义一个描述列表。

  • <dt>定义标签支持全局属性和事件属性。

<dt>标签几乎所有浏览器都支持。

语法

以下是定义术语的语法：

<dt> code </dt>

示例

以下是在 HTML 中添加定义术语的示例。这里我们使用了该标签的所有三个元素：

<!DOCTYPE html>
<html>
<body>
   <h1>Usage of dl,dd,and dt elements</h1>
   <p>
      <b>Creating a description list using elements:</b>
   </p>
   <dl>
      <dt>Breakfast</dt>
      <dd>Idly</dd>
      <dd>Coffee</dd>
      <dt>Lunch</dt>
      <dd>Rice</dd>
      <dd>Dal Curry</dd>
      <dt>Dinner</dt>
      <dd>Chapati</dd>
      <dd>Curry</dd>
   </dl>
</body>
</html>

示例

以下是另一个添加定义术语的示例。

<!DOCTYPE html>
<html>
<head>
   <title>HTML dt Tag</title>
</head>
<body>
   <dl>
      <dt>Understanding Definition List</dt>
      <dd>A list of terms and their definitions/descriptions.</dd>
      <dt>JAVA</dt>
      <dd>Tutorial on JAVA Programming Language.</dd>
      <dt>Android</dt>
      <dd>Tutorial on Android Operating System.</dd>
   </dl>
</body>
</html>

现在让我们尝试理解另一个术语定义元素：

定义元素

要在 HTML 中定义术语，我们使用<dfn>标签，它用于描述单词，并显示单词的第一次出现。标签内的文本在网页中以斜体形式显示，表示它是一个特殊关键字或值。

语法

以下是 HTML 中定义术语的语法：

<dfn title=”meaning”> Code </dfn>

示例

以下示例演示了定义元素的用法：

<!DOCTYPE html>
<html>
<head>
   <title>Usage of Define terms in HTML</title>
</head>
<body>
   <h2>TutorialsPoint HTML</h2>
   <h3>A Description List <dfn title="Having a Description of Each Element"> is a List of Terms. </dfn></h3>
</body>
</html>

还有一个元素描述术语，即缩写元素。

缩写元素

此元素用于描述术语；文本下方会出现点线，使文本显示出特殊外观。它通过使用<abbr>标签定义。

语法

以下是缩写元素的用法：

<dfn> code </dfn>   
<abbr title="description"> Content </abbr>

示例

以下示例演示了缩写元素的用法：

<!DOCTYPE html>
<html>
<head>
   <title>Defining Terms in HTML</title>
</head>
<body>
   <h2>Welcome TO <dfn> TutorialsPoint <abbr title="Simply Easy Learning at your fingertips"> Technical Website.</abbr> </dfn></h2>
</body>
</html>

更新于：2023年10月6日

327 次查看

启动您的职业生涯

完成课程后获得认证

开始学习
广告