您当前的位置:首页 > 网络教程 > HTML教程

5.4 定义列表

<dl> 标签定义列表(definition list)。

<dl> 标签用于结合 <dt> (定义列表中的项目)和 <dd> (描述列表中的项目)。

举例:

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8">
        <title>5.4 定义列表</title>
    </head>
    <body>
        <dl>
            <dt>李白</dt>
            <dd>字太白,号青莲居士,唐代伟大的浪漫主义诗人</dd>
            <dd>代表作有《望庐山瀑布》《行路难》《蜀道难》</dd>
            <dt>苏轼</dt>
            <dd>字子瞻、北宋著名文学家、书法家、画家,历史治水名人。</dd>
            <dd>作品有《东坡七集》《东坡易传》《东坡乐府》</dd>
            <dt>白居易</dt>
            <dd>字乐天,号香山居士,唐代三大诗人之一。</dd>
            <dd>代表诗作有《长恨歌》、《卖炭翁》、《琵琶行》等。</dd>
        </dl>
    </body>
</html>

运行浏览器后得到的效果如图

附加说明:<dl><dt><dd>可以看成是组合标签,<dt><dd>最外层必须用<dl>包裹,此组合标签我们也又叫表格标签,与table表格类似组合标签,故名我们也叫dl表格。<dt>可以理解为列表标题,<dd>可以理解为内容,能缩进。

我们实践使用<dl><dt><dd>标签最多地方,通常是具有标题,而标题下对应有若干列表简单的(栏目标题+对应标题列表)和标题对应下面有内容。

你觉得文章内容怎么样

阿里云代金券 100 云产品通用

有效期30天 首购用户

立即领取
阿里云代金券 100 云产品通用

有效期30天 复购+升级

立即领取