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

htmljavascriptprogramming scripts更新于 2024/7/25 5:32:17

定义术语在 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>