Вкладки пользовательского интерфейса Jquery - Почему вкладки пользовательского интерфейса обернуты тегом 'li'?

Question

Jquery ui tabs - почему вкладки пользовательского интерфейса обернуты тегом 'li', вместо этого поместите все в тег 'a' без тега add 'li'?

Дизайн вкладок пользовательского интерфейса:

<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

Спасибо, Йосеф

Answer 1

Частично это семантика. Это неупорядоченный список ссылок, поэтому представляется разумным использовать настройки <ul> (неупорядоченный список) и <li> (элемент списка). Это более значимо, чем универсальный <div>, который не имеет семантического значения.

Кроме того, наличие дополнительных блочных элементов для переноса встроенных элементов может быть проще для стиля в их случае, чем отдельные теги <a>, ведущие себя как блоки.