商品名称列表DD DT DL标签

最新推荐文章于 2020-02-01 14:45:02 发布

weixin_33806914

最新推荐文章于 2020-02-01 14:45:02 发布

阅读量149

点赞数

文章标签： xhtml

本文纯属个人见解，是对前面学习的总结，如有描述不正确的地方还请高手指正~

我们时平用常的是< ul>< li>签标，不过dd、dt签标也蛮不错，特别是宣布程序的时候功能模块列表什么的可以使用它来排版。

< dl>< /dl>< dt>< /dt>< dd>< /dd>
< dl>< /dl>用来创立一个一般的列表,< dt>< /dt>用来创立列表中的层上目项，< dd>< /dd>用来创立列表中最层上目项，< dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标记对之间。看一下下边的例子您就会白明了：

dl ——define list——定义列表

dt ——define list title——用于生成定义列表中各列表项的标题，重复使用可以定义多个列表项的标题。

dd——define list define——用于生成定义列表各列表项的说明文字段，重复使用可以定义多个说明文字段。dd是对应dt的冗长说明或解

例子：

<dl>

<dt>Today

<dd>Today is yesterday.

<dt>Tomorrow

<dd>Tomorrow is today.

</dl>

例子2：

<html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题档文</title>

<!--

dt {

float: left;

width: 60px;

margin: 0px;

padding: 0px;

}

dd {

float: left;

clear: none;

width: 290px;

margin: 0px;

每日一道理
站在历史的海岸漫溯那一道道历史沟渠：楚大夫沉吟泽畔，九死不悔；魏武帝扬鞭东指，壮心不已；陶渊明悠然南山，饮酒采菊……他们选择了永恒，纵然谄媚诬蔑视听，也不随其流扬其波，这是执著的选择；纵然马革裹尸，魂归狼烟，也要仰天长笑，这是豪壮的选择；纵然一身清苦，终日难饱，也愿怡然自乐，躬耕陇亩，这是高雅的选择。在一番选择中，帝王将相成其盖世伟业，贤士迁客成其千古文章。

padding: 0px;

}

dl {

width: 350px;

font-size: 9pt;

line-height: 1.5em;

position:relative;

margin: 0px;

padding: 0px;

left:15px;

}

.red {