class="area"> 如题，我现在做DIV+CSS的网页，我感觉只要有DIV基本上什么都能实现了，UL和LI我感觉用起来很麻烦，因为默认有圆点，还有前导空格。

比如我现在做一个文字列表，我可以最外面一个DIV，然后里面每行文字一个DIV。

可是我看了很多人家的网页，都是DIV，UL和LI混合使用的。请问这样用有什么好处？UL及LI标记到底比DIV有些什么优势呢？

---

li本来用于做列表的，正如P用于段落，当然你用DIV通过定义CSS也完全可以模拟出li、p等标签。
正如你所说“用DIV基本上什么都能实现了”，试下如果去了CSS样式你的网页是什么样子的。列表用LI，即使没有CSS支持，还是列表的形式。

---

绝不考虑使用table，横向布局用带有float的div或li取代td。慎用ul li，当有重复单元时可使用ul li，没有重复的单元就别用ul，那样代码看上去很不整齐。

最大限度利用ul li的优点。用ul li可以减少class=””的声明数量，当你把一套重复单元放进li之后，在ul里定义一个class=””就足够了。当然会付出代价，ul的兼容问题比div成倍的多。

---

当你在问这个问题的时候，你应该先找点资料了解一下UL的语义。

---

顶

---

引用 1 楼 junp2007 的回复:
li本来用于做列表的，正如P用于段落，当然你用DIV通过定义CSS也完全可以模拟出li、p等标签。
正如你所说“用DIV基本上什么都能实现了”，试下如果去了CSS样式你的网页是什么样子的。列表用LI，即使没有CSS支持，还是列表的形式。


用了UL如果去了CSS网页也没法看啊。我觉得这应该不是主要原因

---

引用 2 楼 myvicy 的回复:
最大限度利用ul li的优点。用ul li可以减少class=””的声明数量，当你把一套重复单元放进li之后，在ul里定义一个class=””就足够了。当然会付出代价，ul的兼容问题比div成倍的多。


只在UL里定义class往往都不够啊，比如横向排列，li里也要定义风格才行。这和用DIV来做似乎差不多嘛。

---

无视我的回复了- -!

每个标记都应该用在适当的地方，该用div就用div, 该用table就用table, 该用ul就用ul, 每个标记都是具有语义的!

---

这个我当然知道。UL就是列表的意思嘛。可是照你这么说，现在网页都该用TABLE来做了？DIV本身的语意是“层”啊。为什么现在会转为DIV+CSS呢。因为DIV有其优势嘛。同样的道理，既然用UL做列表那么麻烦，而且兼容性不好。DIV那么方便，那为什么不只用DIV呢。而那么多网站都还在用UL。

本人做web开发也3年了，我的水平应该不算菜了。但这个问题一直没搞懂。

---

该用的时候就用

---

楼主混了三年了,哈哈
我刚混了快一年了
楼主加油.

---

引用 8 楼 myr_2002 的回复:
这个我当然知道。UL就是列表的意思嘛。可是照你这么说，现在网页都该用TABLE来做了？DIV本身的语意是“层”啊。为什么现在会转为DIV+CSS呢。因为DIV有其优势嘛。同样的道理，既然用UL做列表那么麻烦，而且兼容性不好。DIV那么方便，那为什么不只用DIV呢。而那么多网站都还在用UL。

本人做web开发也3年了，我的水平应该不算菜了。但这个问题一直没搞懂。


你真正了解table的语义么？知道table的本职工作是什么么？

另：ul的兼容性不好，那得看你自己的了解程度，我并不觉得它会比table更难控制！

---

要因时，因需而定。
不过，就本人的经验来看，ul并没有楼主所说的“UL做列表麻烦，兼容性不好”。

---

引用 9 楼 tantaiyizu 的回复:
该用的时候就用


那请问什么时候该用？

---

引用 11 楼 storm0 的回复:
你真正了解table的语义么？知道table的本职工作是什么么？

另：ul的兼容性不好，那得看你自己的了解程度，我并不觉得它会比table更难控制！

我只想知道用UL比用DIV来做列表的优势。。。

---

引用 12 楼 hsj454174023 的回复:
要因时，因需而定。
不过，就本人的经验来看，ul并没有楼主所说的“UL做列表麻烦，兼容性不好”。


可能你UL用习惯了吧，如果同样做一个列表，至少UL的CSS要多定义一个margin-left:0px，才能使列表左边多出一段空白，当然了，如果刚好需要实现前面留点空白的情况那另当别论。

而且，这篇文章相信你看过。
li标签的间距问题
http://www.syscy.com/articleview/2008-2-26/article_view_92.htm
可以说单单做一个列表的话用DIV不会有这么多问题的。

---

楼主还是找些HTML的基础教程来扫下盲吧，了解下各标签的语义

---

li/UL本来用于做列表的，尤其是在没有CSS的时代。

---

引用 16 楼 junp2007 的回复:
楼主还是找些HTML的基础教程来扫下盲吧，了解下各标签的语义


请不要老跟我强调语义，以本人的水平还不至于连HTML基础都没过的程度。
我想问的只是UL做列表比起DIV做列表的优势，你们不要总是答非所问。
谁不知道table是用来做表格的？可是如果一个表格里有很多很多内容，你说你用table来做还是用DIV来做？
所以请不要再说什么UL本来就是用来做列表的。我只想知道UL与DIV的比较。

---

看看这里:
[img]http://www.hbcms.com/image/gg/468_60_001.gif[/img]

---

我觉得这也是一种书写习惯.DIV,TABLE就是用来布局的,UL,TR就是输出行,LI,TD就是输出列.
楼主当然可以全部都用DIV来实现所有效果,但我想请问你会在整个页面上全放TABLE而不用TR,TD么?如果按您所说的,那不需要TR和TD而全放TABLE也是可以实现效果的.
既然人家提供了一种列表项的标签来显示列表的效果,为啥不用呢...
就优势来说,我感觉UL,LI(或TR,TD)的方式比多个DIV(或TABLE)嵌套的方式要容易理解的多,而且可读性也比较好.这样写会比有层次感.
试想下一个页面打开全是DIV有多恐怖...

---

可以全部使用div而不使用ul li，只要你愿意，页面上所有的布局完全可以只用div实现，当然，也可以完全只用ul li实现，没有人强制规定应该怎么用，甚至你也可以继续用table布局。不过既然两种方法都能实现需要的显示效果，那就根据标签的语义来选择使用，这样便于自己和他人也包括搜索引擎的理解。

---

引用 14 楼 myr_2002 的回复:
引用 11 楼 storm0 的回复:
你真正了解table的语义么？知道table的本职工作是什么么？

另：ul的兼容性不好，那得看你自己的了解程度，我并不觉得它会比table更难控制！

我只想知道用UL比用DIV来做列表的优势。。。


优势就在于ul,ol...就是列表，而table是表格。那么你说列表是用列表来做还是用表格来做呢？

如果你觉得还有问题...

---

引用 22 楼 storm0 的回复:

优势就在于ul,ol...就是列表，而table是表格。那么你说列表是用列表来做还是用表格来做呢？

如果你觉得还有问题...


你早说这句话不就完了嘛,搞得我看到这里才看到答案.

---

引用 22 楼 storm0 的回复:
优势就在于ul,ol...就是列表，而table是表格。那么你说列表是用列表来做还是用表格来做呢？

如果你觉得还有问题...



不好意思，你这句话我还是觉得有点问题。你不能把UL和TABLE来对比呀。这两个完全是不同的作用，没有可比性。
如果说用TABLE来和DIV比较那还差不多。TABLE我最初的感觉是一格一格的，DIV是一块一块的。按理说TABLE和DIV都可以用来页面布局，用TABLE把页面切割成许多单元格，整个页面是一个TABLE。而DIV则是把页面分割成独立的块。整个页面是一个大块。

但在过去，div+css技术还未被提出来时，人们为什么会选择用table而不用div呢。因为那时大家觉得table用来布局很方便，所以就选了table，但后来人们逐渐发现其缺点，那就是如果table内容较多，会导致整个table的内容都显示很慢，而DIV则不会这样。所以才提出要用DIV+CSS来布局。这是人们选择DIV来布局而抛弃TABLE布局的原因。

当然，如果从语义上来讲。table和div都没有布局的意思。table本来是用来做表格的，甚至是在现在的DIV+CSS里也可能还要用到TABLE来做表格。而DIV则是层，可以应用在任何地方。之所以用来布局是因为它目前是最适合的布局标记。

现在来说UL和DIV。如果从语义上来说，的确UL是专门做列表的，用UL比用DIV更便于代码阅读者理解。但除此之外，我看不到UL比DIV来做列表更多的优势。反而我看到的是用DIV做列表比用UL更容易，UL的兼容性问题很多。虽然DIV的兼容性问题比TABLE多，但至少DIV有TABLE无法弥补的优势，因此大家才宁愿抛弃简单的TABLE，而用更复杂的DIV。而UL却没有这样的优势，所以我才提出这个问题。

欢迎大家继续讨论，我到时再加分。

---

再给你转一篇网上 的文章

有意义标签的好处，让我们更加容易理解代码的内容，更加容易处理他们。例如我们需要修改页面中所有的外链，我们如果为这些元素加上了合适的标记，我们很容易的就找到它们并进行修改。如果一切都混杂在一起，我们就无从下手了。

除了让我们的开发变的容易之外，其它设备与程序对文档也可以有更好的理解，最典型的要属搜索引擎的识别了，搜索引擎可以非常方便的找到文章中的标题，副标题，文章内容。如果浏览者使用的是手持阅读设备，可以依靠标题，内容等给予很好的导航与显示比重。

最重要的是有意义的HTML标签，将提供了将元素调整为你所想要的样式的简单的方法，这些有意义的标签在文档中创建了一个最基本的结构框架模型，我们不必添加其它的id或class其它标识，直接就可以进行表现的控制。 [中国站长站]

这些有意义的标签主要有：

h1、h2...h6；
ul、ol、dl；
strong、em；
blockquote、cite；
a