我正在 ul
中编写 ul
来制作 Accordion 式菜单。但是当我在 html 验证器中检查下面的代码时,它给了我这些错误
Element ul not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)
在这种情况下,如何为 ul 编写语义正确的 html?
这是我的html
<nav class="row">
<ul class="menu">
<li>
<a href="">Uutiset</a>
</li>
<ul class="inside">
<li><a href="">Fringilla Condimentum</a></li>
<li><a href="">Lorem</a></li>
<li><a href="">Fringillau</a></li>
<li><a href="">Curabitur</a></li>
<li><a href="">Mollis</a></li>
<li><a href="">Ipsum</a></li>
<li><a href="">Lorem</a></li>
<li><a href="">Fringillau</a></li>
<li><a href="">Curabitur</a></li>
<li><a href="">Mollis</a></li>
<li><a href="">Ipsum</a></li>
</ul>
<li><a href="">Foorumi</a></li>
<li><a href="">Kauppa</a></li>
<li><a href="">Messut</a></li>
<li>
<a href="">Asiakaspalvelu</a>
</li>
<ul class="inside">
<li><a href="">Tilaa lehti</a></li>
<li><a href="">Muutos tilaukseen</a></li>
<li><a href="">Lähetä uutisvinkki</a></li>
<li><a href="">Anna palautetta</a></li>
</ul>
<li><a href="">Nakoislehti</a></li>
<li><a href="">Nae meidat</a></li>
</ul>
</nav>
最佳答案
你必须用 LI
包裹每个内部 UL
,即
<ul class="menu">
<li>
<a href="">Uutiset</a>
</li>
<li> <----
<ul class="inside">
<li><a href="">Fringilla Condimentum</a></li>
<li><a href="">Lorem</a></li>
</ul>
</li> <----
</ul>
关于html - ul in ul 的正确语义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12129037/