структура 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 не обойтись. А в обычных случаях используйте код приведенный в первых постах...