標記標籤式界面

Question

我檢查了幾個解決方案選項卡接口（包括jQuery UI的），以及標記始終遵循相同的UL麗的模式：

<ul class="tabs"> 
<li><a href="#tab1">Title 1</a></li> 
<li><a href="#tab2">Title 2</a></li> 
</ul> 

這被認爲是最好的做法，爲什麼？到目前爲止，我一直使用span或div標籤，並且一切正常。另外，爲什麼「一個」標籤？他們只是在這裏觸發舊版瀏覽器的懸停和活動狀態嗎？

Answer 1

這是有幾個原因的語義標記：

1. 它是東西無序列表，即標題1，標題2等

2. 如果禁用JavaScript，那麼你將有div元素在標記中帶有tab1和tab2的ID，鏈接將正確運行並將您發送到正確的div。

3. 它使標籤可訪問。

而且還有很多reasons for using semantic HTML。