web-dev-qa-db-ja.com

W3C準拠のマルチレベルの箇条書きをHTMLで記述する方法

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 Transitional):要素 'ul'は要素 'ul'内にネストできません

38
Techboy

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>
77
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>
12
Marlon