将其他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

没有

根据规范,ul元素是:

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>