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