爲什麼驗證器不像我的下拉菜單？

Question

我試圖用html/css創建一個下拉菜單。菜單看起來不錯，但驗證告訴我：

元UL不允許作爲元素UL的孩子在這方面

這是爲什麼？還有另一種（更好）的方法來做到這一點？ 我的代碼如下所示：

  <ul id="meny"> 
      <li>Svenska</li> 
       <ul class="undermeny"> 
        <li><a href="om_spelet.html#Spel1">Spel 1</a></li> 
        <li><a href="om_spelet.html#Spel2">Spel 2</a></li> 
        <li>Spel 3</li> 
       </ul> 
      <li>Matematik</li> 
       <ul class="undermeny"> 
        <li>spel 1</li> 
        <li>Spel 2</li> 
        <li>Spel 3</li> 
       </ul> 
      <li>Engelska</li> 
       <ul class="undermeny"> 
        <li>spel 1</li> 
        <li>Spel 2</li> 
        <li>Spel 3</li> 
       </ul> 
      <li>NO</li> 
       <ul class="undermeny"> 
        <li><a href="om_spelet.html#No_Spel1">Spel 1</a></li> 
        <li>Spel 2</li> 
        <li>Spel 3</li> 
       </ul> 
      <li>SO</li> 
       <ul class="undermeny"> 
        <li>spel 1</li> 
        <li>Spel 2</li> 
        <li>Spel 3</li> 
       </ul> 
     </ul> 

Answer 1

由於錯誤說，你不能有一個ul作爲另一ul直系後裔。解決方法是在每個li內包裝兒童ul。

<ul id="meny"> 
    <li>Svenska 
     <ul class="undermeny"> 
      <li><a href="om_spelet.html#Spel1">Spel 1</a></li> 
      <li><a href="om_spelet.html#Spel2">Spel 2</a></li> 
      <li>Spel 3</li> 
     </ul> 
    </li> 
    <li>Matematik 
     <ul class="undermeny"> 
      <li>spel 1</li> 
      <li>Spel 2</li> 
      <li>Spel 3</li> 
     </ul> 
    </li> 
    <li>Engelska 
     <ul class="undermeny"> 
      <li>spel 1</li> 
      <li>Spel 2</li> 
      <li>Spel 3</li> 
     </ul> 
    </li> 
    <li>NO 
     <ul class="undermeny"> 
      <li><a href="om_spelet.html#No_Spel1">Spel 1</a></li> 
      <li>Spel 2</li> 
      <li>Spel 3</li> 
     </ul> 
    </li> 
    <li>SO 
     <ul class="undermeny"> 
      <li>spel 1</li> 
      <li>Spel 2</li> 
      <li>Spel 3</li> 
     </ul> 
    </li> 
</ul> 

Answer 2

只有列表中的項目可能是列表元素的兒童。

邏輯上，子列表形成「標題」列表項的一部分。將它們移到裏面。

含義，正確的語法應爲：

<ul id="meny"> 
    <li>Svenska 
     <ul class="undermeny"> 
      <li><a href="om_spelet.html#Spel1">Spel 1</a></li> 
      <li><a href="om_spelet.html#Spel2">Spel 2</a></li> 
      <li>Spel 3</li> 
     </ul> 
    </li> 
    .... 
</ul>