html标签中dl dd这个标签的作用

本文深入解析了DIV+CSS布局中常用的列表元素ul, ol, dl的用法,强调合理运用这些标签能提高网页架构的效率。详细介绍了有序列表ol、无序列表ul及定义列表dl的实现方式与应用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

ul ol li dl dt dd都是DIV+CSS做网页长用的东西,相当于一棵树的树技,下面就了解一下这些东西的全体用法,本人用dd,dt,dd用得很少,懂得结合使用对做架构是很有好处的哦! 

DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义,块级元素div尽量少用,和table一样,嵌套越少越好 ol 有序列表。 

<ol> <li>……</li> <li>……</li> <li>……</li> </ol> 表现为: 1…… 2…… 3…… 

ul 无序列表,表现为li前面是大圆点而不是123 <ul> <li>……</li> <li>……</li> </ul> 

很多人容易忽略 dl dt dd的用法 dl 内容块 dt 内容块的标题 dd 内容 可以这么写: <dl> <dt>标题</dt> <dd>内容1</dd> <dd>内容2</dd> </dl> dt 和dd中可以再加入 ol ul li和p   理解这些以后,在使用div布局的时候,会方便很多,w3c提供了很多元素辅助布局。

DD DT DL标签 我们平时常用的是< 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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值