为什么验证器不像我的下拉菜单？

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>