51问答网 > DIV+CSS布局为什么要用无序列表呢？好像不用无序列表也能布局，求教高手二者到底有什么区别？

DIV+CSS布局为什么要用无序列表呢？好像不用无序列表也能布局，求教高手二者到底有什么区别？

2025-02-25 03:12:01

推荐回答（3个）

回答1：

表的观念
当网页中的内容属于某种列表时，你可以考虑使用无序列表（

标签，或由类似 |（竖线）或 ?（•）的符号分隔的一堆标签。发生这种情况的最主要原因可能是 CSS 样式表中

元素的属性（padding，bullets 等）。许多网页作者发现对

之类熟悉的元素，应用各种样式要比从

中将这些样式移除更方便。再加上各种浏览器平台对默认样式的不一致呈现,使得情况变得更复杂了。
幸运的是，目前绝大多数可视化浏览器已经支持 CSS 样式表，列表元素在这些浏览器中也统一了样式，这样一来就能避免传统的

或标签的滥用了。
使用无序列表的好处:没有样式表照样起作用
类似

和的元素除了把内容分块外，在语义上毫无意义。它们所要表达的意义必须通过 CSS 样式表作用在网页浏览器上才能起作用。
而如果你将某些内容组织成列表，那么它就能直接从列表标记上表达其意义，而不需要 CSS 样式表的作用。某些只扫描网页内容（并忽略 CSS 样式表）的用户代理，如纯文本浏览器、文本转换为语音的浏览器，甚至一些搜索引擎机器人就能识别出那些用列表组织的内容，并通过列表方式将其呈现（或朗读）出来。
更好的易用性
将一系列链接（元素）直接放在一块儿会导致文本浏览器一起显示它们，这使得用户难以选择想要的链接。许多教程推荐在这样的链接中插入某些符号，作为防止混淆的临时解决办法E#同样的问题发生在使用

。

标签显示内容，使用

标签或 CSS 的 border 元素作为内容分隔线时。而这种方法可能无法给人以多个内容块属于同一个相关系列的印象。
如果对上述情况中的内容使用无序列表，就可以让非可视化浏览器将这些内容以列表的方式呈现出来，而不是乱糟糟的一堆链接或排成一行不便于查看的元素。有意义的内容分组将自动出现，不再需要你添加分隔符号或使用

元素。
这是一种好方法
列表的使用，能从语义上为意义相关的内容分组，即使你的 CSS 样式表被忽略也没有关系。在恰当的地方使用无序列表是构建一份好文档的聪明选择。

回答2：

我感觉无序列表用来结构清晰些，自己以后修改维护方便些，其它方面感觉不明显。

回答3：

它会：
　　使你的页面载入得更快
　　降低你的流量费用
　　让你在修改设计时更有效率而代价更低
　　帮助你的整个站点保持视觉的一致性
　　让你的站点可以更好地被搜索引擎找到
　　使你的站点对浏览者和浏览器更具亲和力
　　在世界上越来越多人采用Web 标准时，它还能提高你的职场竞争实力 (事实上也就是降低失业的风险)。