XHTML：入れ子になったULが無効なのはなぜですか？

Question

次のメニューはブラウザでうまく動作しますが、XHTMLとして検証することはできません。私はこの例をCSSブックから取り出しました。それは正しいと言いますが、一見それはそうではありません。

ここ

<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私は左のメニューについて話しています。

Answer 1

<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> 

あなたは問題のカップルだった：リスト項目が正しい決算<li>要素を持っていなかったとして

1. 3行を。
2. subnav1リストは、<li>要素内に含まれていませんでした。他のリストの直接の子であることはできません。これは、HTMLを検証する際の主な問題です。