46

W3C準拠のマルチレベルの箇条書き(順序付けられていないリスト)をHTMLで記述できますか?

ネストされた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移行):要素'ul'を要素'ul'内にネストすることはできません

4

2 に答える 2

91

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>

于 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 に答える