Являются ли эти части кода синтаксически правильными? Я использую первую часть кода для создания навигации (тэг заголовка заголовка внутри 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>
Нет
В соответствии с 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>
Результат проверки: 1 Ошибка
Строка ошибки 25, Столбец 51: Элемент h1 не разрешен как дочерний элемент span в этом контексте. (Подавление дальнейших ошибок из этого поддерева.)
<li><span><h1 class="Tabellenkopf">Menü</h1></span></li>