css+div dl可以完全代替UL吗,什么时候该用?

这个不太好说

html标签 各有各的特点 谈不上谁完全替代谁 就像现在的人都用div css布局 这并不是说div就代替了table。在一些情况下 table会比div好用的多。所以标签的作用是让我们在实现某种效果时能有更多的选择机会，从而决定了你用什么方式布局，由此可见 ，一个标签的出现的目的并不是去替代另一个标签，当然也就没有了该用不该用这种说法，布局不同而已。

就拿dl 跟ul 来说

什么时候用 取决于对dl 跟ul 的理解、含义的引申及个人习惯

理解：就是了解 应用dl、ul 标签后在浏览器中的显示样式， 寻找这两者之间的异同点。同样是实现一种效果 用dl 布局是否要比 ul 布局简单？

含义的引申： 既然楼主能问出这个问题 我想原因是对dl 标签不熟悉 而不是ul 因此主要说一下dl 。含义 可以看一下 阿粥 网友的解释。

引申呢 就是既然是dd是对dt的解释 那么反过来 dt也可以是对dd的解释。这么理解 或许就让我们对怎样布局拓展了一下思路：在先是列表内容 最后是列表标题 我们照样也可以用dl进行布局。

当然 有些时候列表的标题并不明显 所以就使一些人抛弃了dl 选择ul 。因此 在布局前 要反复观察跟思考 看能否找到效果图中潜在的列表标题，找到了 那么会使我们的结构更加简单 清晰

个人习惯：这是最重要的。如果个人不习惯用dl 那么就算用dl 布的局再简单 也是没用（同理ul 也是）。所以在做页面时 要对常用的标签都有所了解，使自己的习惯不是表现在标签的应用上 而是对整体布局的一种思想上。

以上仅表示跟人看法，如有不对的地方 希望网友指正 。

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提供了很多元素辅助布局。

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com