html - 如何在 HTML 中编写符合 W3C 的多级要点？

Question

是否可以在 HTML 中编写符合 W3C 标准的多级项目符号点(无序列表)？

可以使用嵌套的 ul，但不符合 W3C。

 <ul>
     <li>myItem 1</li>
     <li>myItem 2</li>
     <ul>
        <li>myItem 2a</li>
     </ul>
     <li>myItem 3</li>
     <li>myItem 4</li>
 </ul>

• 我的项目 1
• 我的项目 2
• 我的项目 2a
• 我的项目 3
• 我的项目 4

在 Visual Studio 中，以上代码给出警告:Validation (XHTML 1.0 Transitional): Element 'ul' cannot be nested within element 'ul'

Answer 1

ul 或 ol 的唯一有效子元素是 li 元素；但是，li 可以包含 ul(或 ol)。为了实现您的目标:

<ul>
  <li>myItem 1</li>
  <li>myItem 2</li>
  <li style="list-style-type:none">
    <ul>
      <li>myItem 2a</li>
    </ul>
  </li>
  <li>myItem 3</li>
  <li>myItem 4</li>
</ul>