HTML dt 标签

HTML dt 语法

在 HTML 中，dl、dt、dd 这 3 个标签通常是搭配一起来创建一个描述列表。所谓的 “描述列表”，指的是由 “名词” 和 “细节” 组成的列表。

语法：

<dl>
    <dt>名词</dt>
    <dd>细节</dd>
    ……
</dl>

说明：

dl 标签用于创建描述列表，dt 标签定义了 “名词”，dd 标签定义了 “细节”。

提示: dl 指的是 “description list（描述列表）”，dt 指的是 “description term（描述名称词）”，而 dd 指的是 “definition details（描述细节）”。

HTML dt 摘要

属于	HTML 列表
使用频率	中
兼容性	查看
官方文档	查看
MDN	查看

HTML dt 示例

接下来，我们通过一个简单的例子来讲解一下 HTML dt 标签是如何使用的。

示例：dt 标签的基本用法

运行代码

<!DOCTYPE html> 
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <dl>
        <dt>HTML</dt>
        <dd>标记性语言，用于控制网页的结构</dd>
        <dt>CSS</dt>
        <dd>层叠样式表，用于控制网页的样式</dd>
        <dt>JavaScript</dt>
        <dd>脚本语言，用于控制网页的行为</dd>
    </dl>
</body>
</html>

页面效果如下图所示。

HTML dt标签示例