在制作导航栏时是否必须使用<ul> / <ol>元素？</ol> </ul>

Question

制作导航栏/其他链接组时，是否必须使用ul / ol元素？或者它是可选的？

可以替换此代码

<div>
  <ul style="list-style: none">
    <li style="display: inline-block"><a href="#">fb page</a></li>
    <li style="display: inline-block"><a href="#">twitter account</a></li>
    <li style="display: inline-block"><a href="#">stackoverflow account</a></li>
  </ul>
</div>

通过

<div>
    <a href="#" style="display: inline-block">fb page</a>
    <a href="#" style="display: inline-block">twitter account</a>
    <a href="#" style="display: inline-block">stackoverflow account</a>
</div>

Answer 1

答案在于使用正确的语义。导航是链接列表，因此我们将其视为列表。 <ul>和<ol>分别代表无序和有序列表。 <div>标签几乎没有语义含义。

Answer 2

从结构上和理论上讲，菜单是一个链接列表，因此您的标记应该将其反映为链接列表。您可以设置样式以使列表的效果在图形浏览器中不可见。

实际上，结构很有用。看看如果你没有列表并且没有样式表就查看页面会发生什么。你能告诉一个链接的结束和下一个链接的开始吗？

Answer 3

无关紧要：您可以使用<ul>或<div>，但<li>中的实际符号在菜单中不可见。 RGDS，

Answer 4

简短回答：不，你不必使用它们。

长答案：列表标签（<ul>，<ol>）传统上用于创建可导航菜单，并且有许多可用的样式表可以正确地将它们设置为菜单，下拉等等那就是说，这只是一个共同的（虽然有用的）惯例。你不拥有来遵守惯例，但如果你这样做，你就会更容易（更重要的是，任何追随你的开发者的生活）。