ul中正确的语义 [英] correct semantics for ul in ul
本文介绍了ul中正确的语义的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在 ul
内写入 ul
来制作手风琴类型的菜单。但是当我在下面的HTML验证器中检查我的代码时,它给了我这些错误
I am writing ul
inside ul
to make a accordion type of menu. But when I check my code below in html validator it gives me these errors
Element ul not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)
在这种情况下,我该如何写ul语义正确的html ?
How can I write semantically correct html for ul in this case?
这是我的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>
推荐答案
UL s LI
,即
You must wrap every inner UL
s with an LI
, i.e.
<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>
这篇关于ul中正确的语义的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文