我认为标签通常被实现为<ul>和内部的一系列<li>。与仅仅使用<div>和内部的几个<div>相比，这样做有什么好处吗？通常将<ul>作为制表符时，需要将其左填充重置为0，并且需要将list-style设置为none，而<div>没有此问题。
<ul>
<li>
<div>
list-style
none
vaj7vani1#
简短而明确的回答：我为什么要用“li”而不是“div'？摘录：“为了语义的正确性。HTML有能力表达事物的列表，它可以帮助Google机器人、屏幕阅读器和各种各样的用户更好地理解你的内容，这些用户不仅仅关心网站的呈现方式。”“对于视障人士来说，区分清单上的内容和清单外的内容可能会很有帮助。比如说，如果你有一份食谱中的成分清单，而用户想跳到说明书或只是阅读清单，你就需要一份清单。”不要忘记访问链接了解更多信息。
8ulbf1ek2#
当CSS没有被应用时看起来更好，并且（我相信）更容易在屏幕阅读器中交互。
xzv2uavs3#
在添加/更改代码方面，它更具可读性，也更有意义。选项卡/导航自然看起来像是一个列表，其中的项目相互关联。一旦通过CSS实现，当需要更改导航/选项卡时，添加/修改非常容易。
3条答案
按热度按时间vaj7vani1#
简短而明确的回答：我为什么要用“li”而不是“div'？
摘录：
“为了语义的正确性。HTML有能力表达事物的列表，它可以帮助Google机器人、屏幕阅读器和各种各样的用户更好地理解你的内容，这些用户不仅仅关心网站的呈现方式。”
“对于视障人士来说，区分清单上的内容和清单外的内容可能会很有帮助。比如说，如果你有一份食谱中的成分清单，而用户想跳到说明书或只是阅读清单，你就需要一份清单。”
不要忘记访问链接了解更多信息。
8ulbf1ek2#
当CSS没有被应用时看起来更好，并且（我相信）更容易在屏幕阅读器中交互。
xzv2uavs3#
在添加/更改代码方面，它更具可读性，也更有意义。选项卡/导航自然看起来像是一个列表，其中的项目相互关联。
一旦通过CSS实现，当需要更改导航/选项卡时，添加/修改非常容易。