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>

下面看几个例子吧：

1、使用不加任何样式的标签：

<dt>Name: dt>
    <dd>Squall Lidd>
    <dt>Age: dt>
    <dd>23dd>
    <dt>Gender: dt>
    <dd>Maledd>
    <dt>Day of Birth:dt>
    <dd>26th May 1986dd>

在浏览器中你会看到：

> <dl class="news"> <dt>国内新闻<span><a href="#">更多信息a>span>dt> <dd> <a href="#">商务部披露汇源并购案审查过程a> <span>2009-02-14span> dd> <dd> <a href="#">萧万长称台日确认特殊伙伴关系a> <span>2009-02-14span> dd> <dd> <a href="#">台定今年为台日特殊伙伴关系年a> <span>2009-02-14span> dd> <dd> <a href="#">云南公安厅规定若出现牢头狱霸直接领导免职a> <span>2009-02-14span> dd> <dd> <a href="#">出台6条警规治理队a> <span>2009-02-14span> dd> <dd> <a href="#">出现假冒大相国寺高僧a> <span>2009-02-14span> dd> <dd> <a href="#">著名笑星笑林涉虚假代言a> <span>2009-02-14span> dd> <dd> <a href="#">福建莆田关闭模拟信号 强行推广数字电视a> <span>2009-02-14span> dd> dl> div> body> html>