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

ula或的唯一有效子元素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>

Answer 2

补充大卫托马斯的回答，这将删除不需要的子弹：

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