如何在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>

 

     
• myItem 1
     
• myItem 2
     
        
• myItem 2a
     
     
• myItem 3
     
• myItem 4
 

在Visual Studio中，上面的代码给出警告：验证（XHTML 1.0 Transitional）：元素'ul'不能嵌套在元素'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>

Answer 2

补充David Thomas回答，这将删除不需要的子弹：

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