在开发一个网页的过程中, 很多数据都是以列表的形式存在的
事实上现在很多的列表功能采用了不同的方案来实现:
方案一
: 使用div元素
来实现(比如汽车之家, 知乎上的很多列表);方案二
: 使用列表元素
, 使用元素语义化的方式实现;
事实上现在很多的网站对于列表元素没有很强烈的偏好, 更加不拘一格, 按照自己的风格来布局:
- 原因是
列表元素默认的CSS样式
, 让它用起来不是非常方便
; - 比如
列表元素往往有很多的限制
,ul/ol中只能存放li
,li再存放其他元素, 默认样式等
; - 虽然我们可以
通过重置来解决
, 但是我们更喜欢自由的div
;
HTML提供了3组常用的用来展示列表的元素
- 有序列表:
ol、li
; - 无序列表:
ul、li
; - 定义列表:
dl、dt、dd
;