html - 在 ul 内嵌套其他 html 标签，除了 li

Question

这些代码片段在句法上是否正确？我正在使用第一个代码片段来构建导航(在 ul 中嵌套 header 标记)。如果它是错误的或者是一种不好的做法，那么它的缺点是什么。

<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是:

The ul element represents a list of items, where the order of the items is not important — that is, where changing the order would not materially change the meaning of the document.

The items of the list are the li element child nodes of the ul element.

所以 UL 元素的子元素必须是 li 元素。

更具体地说，它在 ul 标签下说:

Content model:

   Zero or more li elements.

但是，这样做是完全合法的:

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