我应该在导航菜单上使用`<ul>`还是`<div>`

Question

编写没有无序列表的导航菜单时，这是一种不好的做法还是一种不专业的做法。

例如，改用<div>标签。

<div class="navbar">
   <a href="#"> Home </a>
</div>

Answer 1

不，这不是问题。使用一堆div或使用<ul>只是一个外观问题。即使使用<ul>可以提供一些上下文，它也只能用于设置正确的无序列表的样式，因为我们拥有更高级的工具来为屏幕阅读器和搜索引擎提供语义。最后，没有理由不使用<ul>不专业。

那么，我们该怎么做才能使屏幕阅读器在寻找主要导航按钮的位置时不会失败？

好的，一个好习惯是始终在包含导航按钮as stated here的外部div中使用role="navigation"。您可以将其与HTML5标签<nav>结合使用，以使其更清晰并执行更好的SEO。

这是建议做法。但是您不必仅因为必须而使用无序列表。

Answer 2

我认为是的，这在语义上是一种不好的做法。但是您可以在没有无序列表的情况下实现相同的功能，因此不必太在意:)

Answer 3

否，编写没有 ul 的导航菜单并非不专业。我们可以通过多种方式进行标记。您还可以使用可用于导航的HTML 5标签，称为 nav 。 但是使用 ul 可以使流程更容易。