灰儿 发表于 2013-2-24 21:01:52

dl,dt,dd标签分别表示什么意思

dl,dt,dd可以理解成ul 和li的扩展。
dl是列表的外层包裹,和ul差不多;
dt是标题列表项,和li差不多;
dd是该标题的内容,和li差不多;

dt,dd代表的是列表项,和li差不多。这两个列表项的性质是相同的,主要是为了解决一个列表中,放两种不同样式的列表项的问题。

<dl><dt></dt><dd></dd></dl>为常用标题+列表型标签。如没有对dl dt dd标签初始CSS样式,默认dd列表内容会一定缩进。

<dl>标记定义了一个定义列表,定义列表中的条目是通过使用<dt>标记(“definition title”,定义标题)和<dd>标记(“definition description”,定义描述)创建的。<dt>给出了术语名,<dd>标记给出了术语的定义。
也就是说<dt>用来创建列表中的上层项目,<dd>用来创建列表中最下层项目,<dt>和<dd>都必须放在<dl>< /dl>标志对之间。

示例:
<dl>
<dt>列表标题</dt>
<dd>列表内容</dd>
<dd>列表内容</dd>
...
</dl>


取消<div>里<dd>的首行缩进的方法:

<div id="List">
<dl>
<dt>列表</dt>
<dd style="margin:0;padding:0">
   <ul style="margin:0;padding:0">
    <li>内容</li>
    <li>内容</li>
   </ul>
</dd>
</dl>
</div>
页: [1]
查看完整版本: dl,dt,dd标签分别表示什么意思