dl,dt,dd的用法

dl就是定义一个列表
dt说明白了就是这个列表的标题
dd就是内容,能缩进
和UL，OL性质差不多

<dl>
    <dt>标题标题</dt>
    <dd>内容内容</dd>
    <dd>内容内容</dd>
</dl>

dl,dt,dd是一个解释型的列表
比较常用的如：

<dl>
    <dd><img src=”图片路径” alt=”" /></dd>
    <dt>图片标题</dt>
</dl>

及

<dl>
    <dt>电影标题</dt>
    <dd>主要演员：刘德华，周润发</dd>
    <dd>影片长度：90分钟</dd>
    <dd>内容介绍：……..</dd>
</dl>

等等。。。

dl dt dd表示的就是有标题的内容快，其余和 ul li 之类的都是表示列表性的内容，而一下情况则更适合用dl dt dd

<ul>
  <li class=”title”>标题说明<li>
  <li>列表内容</li>
</ul>

可以考虑用
<dl>
  <dt>标题说明</dt>
  <dd>列表内容</dd>
</dl>

<div>
    <h3></h3>
    <p></p>
    <h3></h3>
    <p></p>
    <h3></h3>
    <p></p>
</div>

可以考虑
<dl>
    <dt></dt>
    <dd></dd>
    <dt></dt>
    <dd></dd>
    <dt></dt>
    <dd></dd>
</dl>

相关推荐