LI元素内的空UL

Question

谁能解释我为什么<ul>elementa不能为空？

为什么这个HTML:

<ul>
    <li class="header">
        <a href="#">Work</a>
        <ul/>
    </li>
    <li class="header">
        <a href="#">New</a>
        <ul/>
    </li>
    <li class="header">
        <a href="#">Ungrouped</a>
        <ul/>
    </li>
    <li class="header">
        <a href="#">Offline</a>
        <ul/>
    </li>
</ul>

呈现如下:

• 工作
  • 新
    • 未分组
      • 离线

Answer 1

<ul>不是有效的自动关闭标记,因此浏览器可能会将其视为未正确关闭.您应该始终使用结束</ul>标记.

有关有效自关闭标记的列表,请参阅:

XHTML中的所有有效自闭元素(由主流浏览器实现)是什么？