html 标签 dl dt dd使用说明

网页制作 发布日期:2024/12/30 浏览次数:1

正在浏览:html 标签 dl dt dd使用说明
基本结构:

复制代码代码如下:
<dl>
<dt></dt>
<dd></dd>
</dl>

dl:定义列表
dt:定义标题
dd:定义描述
dt里是放置信息标题的,dd则是这个信息的简单概要的描述,
也就是说一个dt对应有一个dd来描述它
dd里面的内容可以是任意的,图片、文本甚至是视频或音频
多个类似的dt和dd组成一个dl
示例如下:

复制代码代码如下:
<dl>
<dt>这里是标题</dt>
<dd>这里是内容</dd>
<dd>这里是内容</dd>
<dt>这里是标题</dt>
<dd>这里是内容</dd>
<dt>这里是标题</dt>
<dd>这里是内容</dd>
</dl>

那么dl dt dd适合表现例如:带摘要的新闻列表、带缩略图和其他描述的产品列表……