主题
  • 默认模式
  • 浅蓝色模式
  • 淡红色模式
  • 深夜模式

定义和用法

<dd>是 HTML 中用于定义描述列表中的描述或值的标签,通常与<dl>(描述列表) 和<dt>(描述术语) 一起使用。

<dd>标签中,您可以放置段落、换行符、图像、链接、列表等。

<dd>元素的基本语法:

<dl>
    <dt>HTML</dt>
    <dd>超文本标记语言,用于创建网页结构</dd>

    <dt>CSS</dt>
    <dd>层叠样式表,用于控制网页表现</dd>
</dl>

使用实例

接下来用多种实例演示<dd>标签的用法,来深化您对<dd>的理解。

1. 基本描述列表

实例代码 运行代码
复制
<dl>
    <dt>咖啡</dt>
    <dd>黑色热饮</dd>

    <dt>牛奶</dt>
    <dd>白色冷饮</dd>
</dl>

2. 多个描述对应一个术语

实例代码 运行代码
复制
<dl>
    <dt>WWW</dt>
    <dd>万维网</dd>
    <dd>World Wide Web</dd>
</dl>

3. 带 CSS 的列表

实例代码 运行代码
复制
<style>
    dl { border: 1px solid #ccc; padding: 10px; }
    dt { font-weight: bold; color: #333; }
    dd { margin-left: 20px; color: #666; }
</style>

<dl>
    <dt>JavaScript</dt>
    <dd>一种脚本编程语言</dd>
</dl>

全局属性

<dd>标签还支持 HTML 中的全局属性


事件属性

<dd>标签还支持 HTML 中的事件属性


默认的 CSS 设置

大多数浏览器将使用以下默认值显示<dd>元素:

datalist {
    display: block;
    margin-left: 40px;
}

注意事项

  • <dd>必须包含在<dl>元素内。
  • 一个<dt>可以对应多个<dd>
  • <dd>默认会有一定的左边距。

浏览器支持

Chrome 浏览器 IE 浏览器 Firefox 浏览器 Safari 浏览器 Opera 浏览器
支持 支持 支持 支持 支持



评论区 0
发表评论