タブのインラインリスト項目を使用する理由

Question

ウェブサイトでタブを作成するとき、私はいつもインラインブロックリスト項目で順序付けられていないリストを使用しました。同じインラインブロック表示設定のいくつかのdivのようなものに対して、これは一般的に正しい方法と考えられていますか？

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

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

対

.tabs li { 
    display: inline-block; 
} 

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

私はこの質問は主観的実現が、私は客観的な答えが存在すると思います。

Answer 1

Unstylized内容：CSSを剥奪すると

、<ul>フォーマットは、視聴者に要素の目的のより良い理解を得られます。それによりセマンティックな意味を与えるとnavbarsとのための完璧な要素である

Answer 2

tabs..divs自体彼らと任意のセマンティックな意味を運ばない...

Answer 3

semanticaly、イデオロギー的、およびなどunstyledコンテンツを表示するときに、順序付けられていないリストは、divの束だけではなく、達成しようとしているものに近いものです。

Answer 4

HTML5では、あなたのリストが<nav>要素の中に含まれている必要があるため、これは唯一の方法です。 documentation on MDNを参照してください。答えは意味論的なものです。リストを使用すると、アイテムは相互にリンクされ、アクセシビリティが向上します。