HTML - dd 标签



HTML <dd> 标签用于定义描述列表 <dl> 中前述数据术语 <dt> 的描述、定义或值。

在 <dd> 标签中,我们可以使用放置段落(<p>)、换行符(<br>)、图像(<img>)、超链接(<a>)、列表(<li>)等。如果 nowrap 属性的值设置为“yes”,则描述文本将不会换行。此属性的默认值为“no”。

语法  


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

属性

<dd> 标签支持 HTML 的   全局属性 和 事件属性

<dd> 标签示例

下面的例子将说明dd标签的用法。在哪里、何时以及如何使用 <dd> 标签.

创建 <dd> 标签元素

在下面的程序中,我们将使用 <dl> 标签创建一个描述列表。然后,我们在 <dl> 标记中使用 <dd> 标记创建单个数据描述,以显示列表项的数据描述。


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

<dd> 标签具有 nowrap 属性的 List 元素

在此示例中,我们使用 <dl> 标记创建一个描述列表。然后,我们将 nowrap 属性与 <dd> 标签一起使用,以管理描述文本的换行。我们将 nowarp 属性的值指定为 “yes”,它定义不会包装数据描述文本。


<!DOCTYPE html>
<html lang="en">
<head>
	 <title>HTML Description lists</title>
</head>
<body>
	 <!--create a description list-->
	 <dl>
			<dt>Paragraph</dt>
			<dd nowrap="yes">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum error illum ipsum perspiciatis voluptatem, ab rem, laboriosam alias voluptatibus deleniti commodi eveniet? Recusandae, accusantium ex facilis enim odio rem in?</dd>
	 </dl>
</body>
</html>

创建多个描述列表元素

在此程序中,我们使用 <dd> 和 <dt> 标签在描述列表 <dl> 中创建多个数据描述和多个数据术语,以显示前述数据术语的数据术语和数据描述。


<!DOCTYPE html>
<html lang="en">
<head>
	 <title>HTML Description lists</title>
</head>
<body>
	 <!--create a description list-->
	 <dl>
			<dt>Name</dt>
			<dd nowrap="yes">Rohan</dd>
			<dt>Age</dt>
			<dd nowrap="yes">22</dd>
			<dt>Address</dt>
			<dd nowrap="no">Vill: Lambhua, City: Sultanur, pin-code: 228152, State: Uttar Pradesh, Country: India</dd>
	 </dl>
</body>
</html>

支持的浏览器

浏览器 Chrome Edge Firefox Safari Opera
是否支持 Yes Yes Yes Yes Yes