为什么要为标签使用内联列表项？

Question

在网站上制作标签时，我总是使用带有内联块列表项的无序列表。为什么这通常被认为是具有相同内联块显示设置的几个div的正确方法？

.tabs li {
    display: inline-block;
}

<ul class='tabs'>
    <li>Tab one</li>
    <li>Tab two</li>
    ...
</ul>

VS

.tabs > div {
    display: inline-block;
}

<div class="tabs">
   <div>Tab 1</div>
   <div>Tab 2</div>
   ...
</div>

我意识到这个问题可能是主观的，但我认为存在一个客观的答案。

Answer 1

无法解析的内容：

当剥离CSS时，<ul>格式将使观众更好地理解元素的用途。

Answer 2

这赋予它更多的语义含义，是导航栏和标签的完美元素.Divs本身并不带有任何语义含义。

Answer 3

语义上，在意识形态上，当作为无样式内容查看时，无序列表更接近于您尝试实现的内容而不仅仅是一堆div。

Answer 4

使用HTML5，这是您应该采用的唯一方法，因为您的列表应该包含在<nav>元素中。见documentation on MDN。所以答案是，语义。通过列表，项目相互链接，从而提高了可访问性。