46

是否可以在 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'

4

2 回答 2

91

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

于 2010-12-16T21:56:36.160 回答
18

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

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

于 2016-05-26T17:58:44.780 回答