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'内にネストできません

htmlw3c-validationhtml-lists
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