HTML - dl 标签



HTML <dl> 标签用于创建描述列表。描述列表还可用于将元数据表示为键和值对的列表。

它包含使用 <dt> 标签和 <dd> 标签提供的描述指定的词组列表。<dt>标签定义数据术语,<dd>标签定义数据描述。描述列表还可用于将元数据表示为键和值对的列表。说明列表与其他列表类似,但在此列表中,每个列表项都有两个条目:术语和说明。

语法  


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

属性

<dl> 标签支持 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
是否支持 Yes Yes Yes Yes Yes