div+css布局必了解的列表元素ul ol li dl dt dd详解

本文介绍了HTML中dl、dt、dd、ol、ul等列表元素的正确使用方法,并探讨了如何利用这些元素辅助进行网页布局,减少div的过度使用以提高页面加载速度。

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

dt 和dd中可以再加入 ol ul li和p,理解这些以后,在使用div布局的时候,会方便很多,其实w3c提供了很多元素辅助布局都是有它的用处的,而不尽是div。

块级元素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> 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值