HTML - <dl> 标签



HTML <dl> 标签用于创建描述列表。描述列表也常用于表示元数据,以键值对的形式列出。

它包含使用<dt>标签指定的词条组,以及由<dd>元素提供的描述。<dt>标签定义数据术语,而<dd>标签定义数据描述。描述列表也常用于表示元数据,以键值对的形式列出。描述列表类似于其他列表,但在此列表中,每个列表项有两个条目:术语和描述。

语法

<dl>
   <dt></dt>
   <dd></dd>
   ….
</dl>

属性

HTML dl 标签支持HTML的全局事件属性。

HTML dl 标签示例

下面的例子将说明 dl 标签的使用,包括何时何地以及如何使用 dl 标签。

创建描述列表项

在下面的例子中,我们使用<dl>标签创建一个描述列表,其中包含一个术语<dt>和一个描述<dd>。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML dl Tag</title>
</head>
<body>
   <!--create a description list-->
   <dl>
      <dt>HTML</dt>
      <dd>
         HTML stands for Hyper Text Markup Language.
      </dd>
   </dl>
</body>
</html>

多个描述列表项

以下是另一个<dl>标签的例子。在这里,我们使用<dl>标签创建一个描述列表,它包含一个术语<dt>和多个描述<dd>。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML dl Tag</title>
</head>
<body>
   <!--create a description list-->
   <dl>
      <dt>CSS</dt>
      <dd>
         CSS stands for Cascading Style Sheet.
      </dd>
      <dd>
         It is used to define styles for the web pages.
      </dd>
      <dd>
         CSS types − Inline, Internal, External
      </dd>
   </dl>
</body>
</html>

多个描述列表和多个数据描述

下面的HTML程序将演示如何使用<dl>标签创建一个描述列表,其中包含多个数据术语<dt>和多个相应的数据描述<dd>。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML dl Tag</title>
</head>
<body>
   <!--create a description list-->
   <dl>
      <dt>Name</dt>
      <dd>Aman kumar</dd>
      <dt>Age</dt>
      <dd>22</dd>
      <dt>City</dt>
      <dd>Ranchi</dd>
      <dt>State</dt>
      <dd>Jharkhand</dd>
      <dt>Country</dt>
      <dd>India</dd>
   </dl>
</body>
</html>

支持的浏览器

标签 Chrome Edge Firefox Safari Opera
dt
html_tags_reference.htm
广告