Jquery ui tabs - 为什么ui标签被'li'标签包裹？

Question

Jquery ui标签 - 为什么ui标签被“li”标签包裹，而是将所有标签放在“a”标签中而不添加“li”标签？

ui标签设计：

<ul>
<li>
<a></a>
</li>
<li>
<a></a>
</li>
</ul>

为什么不呢：

<div>
<a></a>
<a></a>
</div>

案例演示：http://jqueryui.com/demos/tabs/

演示的html代码：

<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
        <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-1">Nunc tincidunt</a></li>
        <li class="ui-state-default ui-corner-top"><a href="#tabs-2">Proin dolor</a></li>
        <li class="ui-state-default ui-corner-top"><a href="#tabs-3">Aenean lacinia</a></li>
    </ul>

---

更新

文章为什么添加标签不好：
http://www.apaddedcell.com/div-itis

谢谢，Yosef

Answer 1

部分内容是语义。这是一个无序的链接列表，因此使用<ul>（无序列表）和<li>（列表项）设置似乎是合理的。它比通用<div>更有意义，它没有语义价值。

此外，使用额外的块元素来包装内联元素在他们的情况下可能比单个<a>标记表现为块更容易。