структура dl > dt + dd это конечно хорошо, вот только ее не всегда хватает. Иногда нужно чтобы все таб-листы были в одном контейнере.
Так что приходится либо вставлять div'ы в dd, что несовсем решает задачу, либо использовать другую структуру. Так что думаю тут подойдет такая разметка:
<div class="tab-control">
<ul class="tab-items">
<li>Таб 1</li>
<li>Таб 2</li>
</ul>
<ul class="tab-sheets">
<li>Таб 1 Содержимое</li>
<li>Таб 2 Содержимое</li>
</ul>
</div>
Но тогда семантически это какбы два несвязанных списка, о чем и говорил
wwwboy
Тоесть тут видим противоречие. В целях "универсализации" надо испльзовать второй вариант (ну или в измененном виде)
UPD: И да, совсем забыл:
не используйте jquery.ui просто так на фронтенде сайта ! Эта библиотека нужна в админке, возможно в личном кабинете юзера или еще где, где без js не обойтись. А в обычных случаях используйте код приведенный в первых постах...
