看到開發人員工具

代碼多餘的元素：看到開發人員工具

<li> 
    <a href="#" id="CustomDecor"> 
     <ul id="sub_menu"> 
      <li><a href="#" id="Carpets"></a></li> 
      <li><a href="#" id="Storage_Solutions"></a></li> 
      <li><a href="#" id="Flooring"></a></li> 
      <li><a href="#" id="Interior_Painting"></a></li> 
      <li><a href="#" id="Kitchen_Cabinet_Refacing"></a></li> 
      <li><a href="#" id="Shutters"></a></li> 
      <li><a href="#" id="Window_Treatments"></a></li> 
      <li><a href="#" id="Window_Blinds"></a></li> 
     </ul> 
    </a> 
</li>

開發工具：

enter image description here

爲什麼我看到多餘的元素？（下sub_menu和sub_menu

來源

2012-02-22 ta-run

您不能嵌套錨（<a>）元素。
在新的錨標記的遭遇時，瀏覽器將嘗試通過關閉一個標籤固定結構，可能是第一li。

看看這個簡單的小提琴：http://jsfiddle.net/jZr3Z/

<li> 
    <a href="#" id="CustomDecor">     <----- Anchor 1 
     <ul id="sub_menu"> 
      <li><a href="#" id="Carpets"></a></li> <----- Anchor 2

來源

2012-02-22 09:57:10

到底在哪它將幫助，如果你能詳細闡述，新的HTML – 2012-02-22 09:58:55

@akriy什麼exactely難道你不明白？ – 2012-02-22 10:03:36

看到開發人員工具

回答

相關問題