Tudo dentro de um <ul> tem que ser envolvido em um <li>?
Eu preciso de alguma orientação sobre listas aninhadas em HTML.
Eu tenho um layout que gostaria de ser construído como abaixo. É uma coisa terrível aninhar um elemento não envolvido por um<li>
? Tenho quase certeza de que é contra os padrões, mas não sei o efeito negativo que isso tem.
<ul>
<li>
<h1>header 1</h1>
<li>
<ul>
<li>nested</li>
<li>list</li>
</ul>
</li>
</li>
<li>
<h1>header 2</h1>
<li>
<ul>
<li>nested</li>
<li>list</li>
</ul>
</li>
</li>
</ul>