dl, dt, dd标签的使用方法

我们在做网页时常会碰到上面是图标，下面是标题，再下面是内容， 那么用dl, dt, dd标签来实现就很方便了。

<dl>标记定义了一个定义列表，定义列表中的条目是通过使用<dt>标记(“definition title”，定义标题)和<dd>标记(“definition description”，定义描述)创建的。<dt>给出了术语名，<dd>标记给出了术语的定义。

<dt>用来创建列表中的上层项目，<dd>用来创建列表中最下层项目，<dt>和<dd>都必须放在<dl>< /dl>标志对之间，dl可以放在div, ul, 或tb中都可以。

例：

<div class="class-dl">
  <dl>
    <dt><img src="....."></img></dt>
    <dd><a href="http://www.txw100.com">同行网WEB技术教程</a></dd>
    <dd>这里可以写你的内容</dd>
    <dd>还可以继续加层</dd>
  </dl>
</div>

也可以一次性的为所有的dd定义CSS样试，如：
.class-dl dd{width:200px; text-align: center; line-height: 15px;}

原文来自：同行网http://www.txw100.com

转载于:https://www.cnblogs.com/wj-wangjun/archive/2013/01/09/2852189.html