将其他html标签嵌套在ul中除了li之外

Question

这些代码片段在语法上是否正确？我正在使用第一个代码片段来构建导航（在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>

Answer 1

否

根据spec，the ul element是：

  

ul元素表示项目列表，其中项目的顺序并不重要 - 也就是说，更改顺序不会实质性地改变文档的含义。

     

列表的项是ul元素的li元素子节点。

因此，UL元素的子元素必须为li个元素。

更具体地说，它在ul标记下显示：

  

内容模型：

   Zero or more li elements.

然而，这是完全合法的：

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

Answer 2

验证输出：1错误

错误第25行，第51列：在此上下文中，元素h1不允许作为元素跨度的子元素。 （抑制此子树中的更多错误。）

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