Czy te fragmenty kodu są poprawne składniowo? Używam pierwszego fragmentu kodu do zbudowania nawigacji (zagnieżdżanie tagu nagłówka wewnątrz ul). Jeśli jest źle lub jest to zła praktyka, jakie są wady.

<ul class="site-title left">
  <header>
   <li><h1>site title</h1></li>
  </header>                         
</ul>

i

<ul class="site-title left">
  <span>
   <li><h1>site-title</h1></li>
  </span>                           
</ul>