61,128
社区成员
发帖
与我相关
我的任务
分享为什么要使用UL和LI？
如题，我现在做DIV+CSS的网页，我感觉只要有DIV基本上什么都能实现了，UL和LI我感觉用起来很麻烦，因为默认有圆点，还有前导空格。
比如我现在做一个文字列表，我可以最外面一个DIV，然后里面每行文字一个DIV。
可是我看了很多人家的网页，都是DIV，UL和LI混合使用的。请问这样用有什么好处？UL及LI标记到底比DIV有些什么优势呢？
比如我现在做一个文字列表，我可以最外面一个DIV，然后里面每行文字一个DIV。
可是我看了很多人家的网页，都是DIV，UL和LI混合使用的。请问这样用有什么好处？UL及LI标记到底比DIV有些什么优势呢？
...全文
请发表友善的回复…
发表回复
project11 2012-10-19
- 打赏
- 举报
看了这么多，我就不发表技术上的回复了，个人感觉这些应该是页面设计的美工关注的事情，当然社会需要综合型人才，现实也是这样的。
wenwena1 2012-08-20
- 打赏
- 举报
学习了 大家都说的很对 首先 编码在于个人习惯 其次 规范不就是要让别人容易看懂吗 所以 可用可不用吧
佬武 2012-06-07
- 打赏
- 举报
刚入门XHTML+CSS不久,之前一直叫DIV+CSS的.坚持看下来了.对XHTML标签作用有了些更深的认识.
像我们这一代学编程的,随着框架越来越多,了解底层基础的人越来越少了.
我说的全是废话.顺便拿些分数.
像我们这一代学编程的,随着框架越来越多,了解底层基础的人越来越少了.
我说的全是废话.顺便拿些分数.
ao 2012-05-15
- 打赏
- 举报
个人感觉，标签本身是很好的东西，不同的内容不同的定义，万恶之源还是IE…
本来没有IE各种BUG 只用CSS就够了 结果为了兼容还得写一些JS或者JQUERY来实现效果。
本来没有IE各种BUG 只用CSS就够了 结果为了兼容还得写一些JS或者JQUERY来实现效果。
maxborts 2011-12-27
- 打赏
- 举报
[Quote=引用 28 楼 storm0 的回复:]
楼主是人才，鉴定完毕 ^_^ 玩笑一句，勿怪！
[/Quote]
看了你一大堆废话，没有一句有用的。你才是人才，鉴定完毕。
楼主是人才，鉴定完毕 ^_^ 玩笑一句，勿怪！
[/Quote]
看了你一大堆废话，没有一句有用的。你才是人才，鉴定完毕。
maxborts 2011-12-27
- 打赏
- 举报
[Quote=引用 28 楼 storm0 的回复:]
楼主是人才，鉴定完毕 ^_^ 玩笑一句，勿怪！
[/Quote]
看了你一大堆废话，没有一句有用的。你才是人才，鉴定完毕。
楼主是人才，鉴定完毕 ^_^ 玩笑一句，勿怪！
[/Quote]
看了你一大堆废话，没有一句有用的。你才是人才，鉴定完毕。
huaier200 2011-10-31
- 打赏
- 举报
编码的境界在于，自己可用，还要让别人好懂，好拓展。
你写自己的代码，让别人猜去吧，太封闭了。
你写自己的代码，让别人猜去吧，太封闭了。
清流鱼 2011-05-19
- 打赏
- 举报
我现在用到标签大致包括div span h1-h6 ul li a img,其他的很少用，但现在看来，标签了解的还知识皮毛，还要继续深入。比如<b>就是加粗，一看就明白，非常语义化，不需要额外定义样式。感觉26楼分析的很到位!
山语清植 2011-04-25
- 打赏
- 举报
42楼是正解，如果是想了解问题，不是看热门的，其它的可看可不看
loadown 2011-04-11
- 打赏
- 举报
li是用来处理列表的，table是用来处理表格数据的，div是用来做容器的，各有用处。
而且要更正一点，所谓DIV+CSS是个错误的概念，应该是XHTML+CSS，各种标签都有自己的职责，把应该归哪个标签处理最合适的内容交给该标签处理，这才是正确的布局之道，不是DIV一个标签就能搞定的。
而且要更正一点，所谓DIV+CSS是个错误的概念，应该是XHTML+CSS，各种标签都有自己的职责，把应该归哪个标签处理最合适的内容交给该标签处理，这才是正确的布局之道，不是DIV一个标签就能搞定的。
ys4481910 2011-03-09
- 打赏
- 举报
用用看先
heyarong005 2010-12-11
- 打赏
- 举报
我悄悄的来，悄悄的走
wangriyong 2010-10-07
- 打赏
- 举报
强贴，08年的问题回到现在，终于搞明白了
libingxuan10 2010-10-03
- 打赏
- 举报
你真正了解table的语义么？知道table的本职工作是什么么？
另：ul的兼容性不好，那得看你自己的了解程度，我并不觉得它会比table更难控制！
另：ul的兼容性不好，那得看你自己的了解程度，我并不觉得它会比table更难控制！
weibiao080816 2010-10-03
- 打赏
- 举报
我最近看到一个例子 他是用li来布局img的 就是把列表做成图片列表 显示出来就是一列图片(大概有几张)竖着显示出来这样做 觉得不错 呵呵
weibiao080816 2010-10-03
- 打赏
- 举报
此贴那么火的 大家继续讨论 别让它沉下去！！
CoutMoney 2010-09-23
- 打赏
- 举报
当我看到28楼的回复的时候也没心情往下看了,先不管28楼的技术怎么好,但是人品肯定很烂!BS这样的人!
flying8761 2010-08-12
- 打赏
- 举报
[Quote=引用 40 楼 iamceo 的回复:]
很理解楼主！
我看很多人主要不是来回答问题，而是来显示自己的才学。
但回答问题总是似是而非，不正面回答问题，让本来心急如焚的提问者，搞得云里雾里，正所谓一壶遥不响，半壶响叮当。
我做web已经5年多了，但对HTML的标记也不是很清楚，只是常用的几个还记得。
具体UL及Li的含义还真没注意过，也没看过，只知道用来显示列表（坚排列表），后来才发现li还可以干其它的，这就要用点css的……
[/Quote]
就是就是，不回答问题只知道装b，太恶心了
很理解楼主！
我看很多人主要不是来回答问题，而是来显示自己的才学。
但回答问题总是似是而非，不正面回答问题，让本来心急如焚的提问者，搞得云里雾里，正所谓一壶遥不响，半壶响叮当。
我做web已经5年多了，但对HTML的标记也不是很清楚，只是常用的几个还记得。
具体UL及Li的含义还真没注意过，也没看过，只知道用来显示列表（坚排列表），后来才发现li还可以干其它的，这就要用点css的……
[/Quote]
就是就是，不回答问题只知道装b，太恶心了
jamyw 2010-06-29
- 打赏
- 举报
其实我是这样认为的！用ul 与li的话，形式就比较简单，如果不停地使用class的话，
很明显
<div id="nav_menu">
<div class="menu_item">菜单项1 </div>
<div class="menu_item">菜单项2 </div>
<div class="menu_item">菜单项3 </div>
<div>菜单项里的某个区块 </div>
</div>
与
<div id="nav_menu">
<ul>
<li>菜单项1 </li>
<li>菜单项2 </li>
<li>菜单项3 </li>
</ul>
<div>菜单项里的某个区块 </div>
</div>
相比的话，ul与li要简洁得多，再者就是读取的速度，无论是class还是li都要定义样式，我想，至少li要比class快一点点。之前我也认为用div可以做得到为什么还要用li，但如果用起li来，你还是会觉得li其实挺好用的，至少不用不停的去定义class,命名等等。
再者就是个人的使用习惯了
很明显
<div id="nav_menu">
<div class="menu_item">菜单项1 </div>
<div class="menu_item">菜单项2 </div>
<div class="menu_item">菜单项3 </div>
<div>菜单项里的某个区块 </div>
</div>
与
<div id="nav_menu">
<ul>
<li>菜单项1 </li>
<li>菜单项2 </li>
<li>菜单项3 </li>
</ul>
<div>菜单项里的某个区块 </div>
</div>
相比的话，ul与li要简洁得多，再者就是读取的速度，无论是class还是li都要定义样式，我想，至少li要比class快一点点。之前我也认为用div可以做得到为什么还要用li，但如果用起li来，你还是会觉得li其实挺好用的，至少不用不停的去定义class,命名等等。
再者就是个人的使用习惯了
sterco 2010-06-23
- 打赏
- 举报
[Quote=引用 44 楼 naihetian0 的回复:]
引用 28 楼 storm0 的回复:
楼主是人才，鉴定完毕 ^_^ 玩笑一句，勿怪！
最看不起你这样的，LZ问问题会就答复，不会就别装，哎 受不了
竟回复垃圾东西
[/Quote]
顶你，看着生气。专门注册来鄙视这家伙 ，搞不清楚状况 还在这装！！
引用 28 楼 storm0 的回复:
楼主是人才，鉴定完毕 ^_^ 玩笑一句，勿怪！
最看不起你这样的，LZ问问题会就答复，不会就别装，哎 受不了
竟回复垃圾东西
[/Quote]
顶你，看着生气。专门注册来鄙视这家伙 ，搞不清楚状况 还在这装！！
加载更多回复（46）
