Вложенные html-теги внутри ul, кроме li

Являются ли эти части кода синтаксически правильными? Я использую первую часть кода для создания навигации (тэг заголовка заголовка внутри 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>

Ответы

Ответ 1

Нет

В соответствии с spec, элемент ul

Элемент ul представляет собой список элементов, где порядок элементов не важен - то есть, когда изменение порядка не приведет к существенному изменению значения документа.

Элементы списка - это дочерние узлы элемента li элемента ul.

Итак, дети элемента UL должны быть li элементами.

В частности, он говорит в теге ul:

Модель контента:

   Zero or more li elements.

Однако вполне законно:

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

Ответ 2

Результат проверки: 1 Ошибка

Строка ошибки 25, Столбец 51: Элемент h1 не разрешен как дочерний элемент span в этом контексте. (Подавление дальнейших ошибок из этого поддерева.)

            <li><span><h1 class="Tabellenkopf">Menü</h1></span></li>