在html列表中使用鏈接屬性的約定

我想知道當創建列表作爲菜單時是否存在<li>和<a>標籤的正確順序。即每個列表項目也將是一個鏈接。在html列表中使用鏈接屬性的約定

我現在有名單的混合物我的網頁有些圖像上的，有些是文字

<ul id="controls" class="menu-options hidden"> 
     <li><img title="Line Status" src="img/live.png" /></li> 
     <li><img title="Station Information" src="img/info.png" /></li> 
     <li><img id="direction-button" title="Route Finder" src="img/direction2.png" /></li> 
     <li><img title="Show on map" src="img/find.png" /></li> 
    </ul>

對於這一個我已經設置了響應激活鋰項目的點擊

 <ul class="hidden"> 
      <a class="active" href="#"><li>Line Status</li></a> 
      <a href="#"><li>Station Notifications</li></a> 
      <a href="#"><li>This Weekend</li></a> 
     </ul>

而在這一個我設置響應激活點擊一個項目。

我正在清理我的代碼，我意識到，讓所有交互式圖像/文本都在<a>標籤上激活是一種很好的做法。所以，問題是應該我的名單看起來像一）

 <ul> 
      <a href="#"><li>content</li></a> 
      <a href=""><li>content</li></a> 
     </ul>

或b）

 <ul> 
      <li><a href="#">content</a></li> 
      <li><a href="">content</a></li> 
     </ul>

來源

2013-10-04 Peter Saxton

爲了使其驗證，ul的有效子元素是li或ol。 – AgentD5

使用後者，因爲li應該是ul唯一的孩子，在你的錨設置display:block;標籤來填充li元素。

<ul> 
    <li><a href="#">content</a></li> 
    <li><a href="">content</a></li> 
</ul>

來源

2013-10-04 16:39:56

-1

我會考慮它的方式：

1）在創建一個列表（UL標籤）。

2）您正在創建一個列表項（li標籤）。

3）您正在填充列表項目（標籤）。

so B

來源

2013-10-04 16:46:23 Kilmazing

有效的HTML僅允許'LI'成爲'UL'的直接後代。其他提到的是無關緊要的。 –

在html列表中使用鏈接屬性的約定

回答

相關問題