发新话题
打印

html中dd,dt,dl的用法 和意义?

html中dd,dt,dl的用法 和意义?

dd、dt标签 发布程序的时候功能模块列表什么的可以使用它来排版
dl ——define
list——定义列表
dt ——define list title——用于生成定义列表中各列表项的标题,重复使用可以定义多个列表项的标题。
dd——define list define——用于生成定义列表各列表项的说明文字段,重复使用可以定义多个说明文字段。dd是对应dt的简短说明或
dt和dd中可以再加入 ol ul li和p
理解这些以后,在使用div布局的时候,会方便很多,w3c提供了很多元素辅助布局。DD DT DL标签
dl dt dd的用法
dl 内容块
dt 内容块的标题
dd
内容
可以这么写:
<dl>
<dt>标题</dt>
<dd>内容1</dd>
<dd>内容2</dd>
</dl>

一般情况下,一个图片加一行文字这样的形式都是用dl dt dd来排版.如何类似上图的.是一排的图片加文字,那就是将上面的代码看成一个li,然后用li横排即可.从上面的代码看,dl形如tr,在dt里面放图片,在dd里面文字.而dl dt dd这个组合最容易出错的地方莫过于,dt里面只能放行级元素,也就是只能放一些a span等等的元素.而dd则可以放一些块级元素,例如p,div等等.

另外,dt是不能重复使用,而dd则可以.请看下面的代码:

<dl>
<dt>标题</dt>
<dd>内容1</dd>
<dd>内容2</dd>
<dd>内容3</dd>
</dl>
织梦cms制作-开发-定制http://www.dedecmsmoban.com/

TOP

发新话题