Html 我为什么要使用'；李'；而不是'；div'；？

我不知道为什么我需要使用ulli而不是简单地使用div来列出项目。我可以使两者看起来完全相同，那么创建无序列表与排列div的功能优势在哪里呢？

通过使用语义正确的标记，您在文本中嵌入了额外的信息。通过使用ul/li，您可以向消费应用程序传达信息是一个列表，而不仅仅是“某物”（谁知道是什么），即任意元素中的某个文本。

用于语义正确性。HTML具有表达事物列表的能力，它可以帮助谷歌机器人、屏幕阅读器和所有不关心网站表现的用户更好地理解你的内容。

你应该为你想放进去的内容使用适当的标签。这不仅意味着ul/li更适合列表。这也意味着你必须考虑列表中的内容，看看它是否是无序的/有序的或定义列表。

---

另一个论点是当你禁用css时。浏览器将呈现它的默认样式，如果使用其他浏览设备，它将更易于查看。它还增强了可接受性。

关于ul li的另一件事是；您可以使用ul作为容器来帮助您设置样式类

<ul class="myHebe">
  <li><a href="#">.net</a></li>
  <li><a href="#">.net</a></li>
</ul>

当然，这取决于我们想如何使用它，以及我们喜欢它的方式。这是我喜欢的方式

希望有帮助

---

谢谢

如果改用div，lynx将无法以可读的方式呈现页面。

我个人喜欢李的语义。当查看源代码时，您会立即看到您有一个列表，如果它们由li包装。div集合不提供语义含义，通常列表的唯一语义由css类（如“listItem”）引入。这显然表明了一个事实，安利应该被放在首位

---

如果您的表示逻辑中有一个循环，我总是倾向于使用li而不是div。

表示列表中的一个项目，它让解析器（浏览器、搜索引擎、爬行器）知道您正在列出项目。您可以使用DIV而不是LI，但是这些解析器永远不会知道这些项正在列出，并且DIV除了它是一个块之外并没有真正描述任何东西

我不知道为什么我需要使用ulli而不是简单地使用div来列出项目。我可以使两者看起来完全相同

在你的问题中有一个关键词：“看”。你能不能让盲人使用盲文阅读器也用同样的字体？你能用文字语音合成器让盲人听到同样的声音吗？对于使用自定义客户端CSS用户样式表的视障人士，您仍然可以使它们看起来相同吗

“look”这个词是一个非常危险的词——当你把它用于HTML时，所有的警报都会在你的脑海中响起。HTML是一种描述超媒体文档语义结构的语言。语义结构没有“外观”，它是一个抽象概念

即使你不关心所有这些语义的HOCUS，你也不关心盲人，考虑一下：谷歌、雅虎、MSN和Co.没有眼睛，他们不“看”你渲染的CSS。

< P>使用<代码>

< /> >（在适当的地方）减少你经常在网页中看到的<代码> <代码>标签汤。这对开发人员有很大帮助

---

并不是说

不好，而是每当标签被过度使用时（就像

经常使用的那样），标签的语义就会被稀释到完全无用的地步。最近，我从一位我们聘请的承包商那里学到了这一点，该承包商帮助我们处理web应用程序的CSS/UI，这对HTML代码的可读性/可维护性造成的影响对我来说是非常明显的。

如果您关心的只是让列表以最简单的方式显示，那么这已经是一个很简单的问题了：

比

少输入一个字符，并且它的结束标记在HTML中是可选的

---

除此之外，其他人还谈到了语义。

要在原始浏览器或移动设备上正确渲染，请直接回答您的问题： 功能优势在于div本身没有什么意义，而ul lis明确表示“这是一个未排序的项目列表。”

术语“语义学”指的是使用现有结构的固有含义来创建明确含义的方式。HTML由表示特定内容的标记组成。还有一些既定的规则/指导方针/使用方法，以便您发布的HTML文档能够传达您希望它表达的意思

如果您在文档中列出了某些内容，则添加有序列表（UL）或无序列表（OL）。另一方面，pagedivision（DIV）元素用于创建特定的独立内容

div元素“划分”。当您查看页面时，有特定的部分，如内容正文、页脚、页眉、导航、菜单、表单等，您可以使用div标记来创建这些划分。通常，页面部分与视觉布局相对应，因此使用显式页面分割（div）在CSS中分割布局是一种自然的选择。这样，div标记就变得结构化了

如果您误用或过度使用div标记，它可能会产生意外的含义和代码膨胀

混淆问题：谷歌使用h3和div来“分割”他们列出的搜索结果ul>li>h3+div

因此，当您关闭所有样式（Firefox w/WebDeveloper工具栏中的Shift+Cmd/Crtl+S）时，div应该消失，并自然堆叠。裸HTML仍然应该呈现一个具有清晰层次结构的漂亮页面：从上到下，首先是最重要的内容，然后是列表中的项目符号和数字

.myHebe{} // container
.myHebe li {} // items
.myHebe li a {} // subitems