Warum Inline-Listenelemente für Registerkarten verwenden?

Question

Beim Erstellen von Tabs auf einer Website habe ich immer eine ungeordnete Liste mit Inline-Block-Listenelementen verwendet. Warum wird dies allgemein als der richtige Weg über so etwas wie ein paar Divs mit der gleichen Inline-Block-Display-Einstellung betrachtet?

.tabs li { 
    display: inline-block; 
} 

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

vs

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

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

Ich weiß, diese Frage subjektiv sein kann, aber ich denke, dass es eine objektive Antwort vorhanden ist.

Answer 1

Unstylized Inhalt:

Wenn die CSS-gestrippt, das <ul> Format wird dem Betrachter ein besseres Verständnis des Zwecks der Elemente geben.

Answer 2

, dass es mehr semantische Bedeutung und ist das perfekte Element für NavBars und tabs..divs per se nicht tragen mit ihnen keine semantische Bedeutung gibt ..

Answer 3

semanticaly, ideologisch, und wenn sie als unstyled Inhalt anzeigen, ungeordnete Liste ist näher an dem, was Sie erreichen wollen, als nur ein paar divs.

Answer 4

Mit HTML5 ist dies sogar die einzige Möglichkeit, die Sie gehen sollten, da Ihre Liste in einem <nav> Element enthalten sein sollte. Siehe documentation on MDN. Also die Antwort ist, für semantische. Mit einer Liste sind die Elemente miteinander verknüpft, was die Zugänglichkeit verbessert.