Html中的列表标签

本文介绍了HTML中的三种列表标签:无序列表(ul)、有序列表(ol)和定义列表(dl)。详细解释了每种列表的用途及应用场景,例如无序列表适用于新闻列表等,有序列表适用于有先后顺序的数据展示。

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

 Html中的列表标签无疑是前端中最重要的标签之一,本文做下简易的终结:列表标签的作用:给一堆数据添加列表语意,也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体,分为 无序列表(unordered list),有序列表(ordered list),定义列表(definition list),从前到后,用处依次减少

1:无序列表:给一堆数据添加语意,并且这一堆数据中没有先后之分,格式为

<ul>

     <li>

     单条数据的内容

     </li>

</ul>

一定要记住ul标签是用来给一堆数据添加列表语意的,而不是给他们添加小圆点的,因为开发中会用css操作,而且ul标签和li标签是一个整体组合,所以一般情况下:ul标签或者单独使用一个li标签,都是结合在一起使用的,而且由于ul标签和li标签是一个组合,所以ul标签中不推荐包含其他标签,即以后在ul标签中只会看到li标签,无序列表的使用场景为:

例如 新闻列表,商品列表 导航等等,虽然ul标签里边建议只放li标签,但是li标签里边可以自由放很多其他标签,如p标签 h标签等等

2:有序列表 标签为ol所谓有序列表就是有先后顺序之分的,除了语意不同外,个人认为其他差别不是很大,整体上来说,有序列表能做的无序列表都能做,写法和无序列表的类似,就是把ul改成ol

3:定义列表 ,标签为<dl> 嵌套的标签为<dt> <dd>类似于上边所说的<li>标签

dt dd都是英文的缩写,所以dt的含义就是用来定义列表中的标题的缩写,同理,dd标签的含义就是用来定义标题对应的描述的,前者是definition description的缩写,后者是对应前者的



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值