Являются ли эти фрагменты кода синтаксически правильными? Я использую первый фрагмент кода для построения навигации (вложенный тег заголовка внутри ul). Если это неправильно или это плохая практика, каковы недостатки.

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

а также

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