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.)
How can I write semantically correct html for ul in this case?
Here is my 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>
See Question&Answers more detail:os