2009-06-20 21 views
3

下面的菜單在瀏覽器中工作得很好,但我無法將它作爲XHTML進行驗證。我從我的CSS書中拿出了這個例子。它說這是對的,但似乎並非如此。XHTML:爲什麼我的嵌套UL無效?

<ul id="leftNavi"> 
    <li> 
    <a href="#" class="SCL">left menu1</a> 
    </li> 
    <li class="SCNL">left menu2</li> 
    <ul id="subnavi"> 
    <li> 
     <a href="#" class="inactive">menu2/1</a> 
    </li> 
    <li> 
     <a href="#" class="inactive">menu2/2</a> 
    </li> 
    <li> 
     <a href="#" class="inactive">menu2/3</a> 
    <li> 
    </ul> 
    <li> 
    <a href="#" class="HCL">left menu3</a> 
    </li> 
</ul> 

這裏是頁面的鏈接:http://www.yiip.de/arbeit/testlayout/standard_template.html我在說左邊的菜單。

+0

總是嘗試正確地縮進一切(參見cletus的答案)。每個空間都很重要需要一段時間,但最終可以節省大量時間,因爲您可以更輕鬆地發現小疏漏。 – Alec 2009-06-20 10:41:45

+0

謝謝你。我會記得的。 – Moritz 2009-06-20 10:45:32

回答

13
<ul id="leftNavi"> 
    <li ><a href="#" class="SCL">left menu1</a></li> 
    <li class="SCNL">left menu2 
    <ul id="subnavi"> 
     <li><a href="#" class="inactive">menu2/1</a></li> 
     <li><a href="#" class="inactive">menu2/2</a></li> 
     <li><a href="#" class="inactive">menu2/3</a></li> 
    </ul> 
    </li> 
    <li><a href="#" class="HCL">left menu3</a></li> 
</ul> 

你有一對夫婦的問題:

  1. 有3行作爲列表項的沒有一個正確的收盤<li>元素;和
  2. subnav1列表未包含在<li>元素中。它不能是另一個列表的直接子節點,這是驗證HTML的主要問題。