4

これは、実際に両方が使用されているのを見たので、私がしばらく考えていたことです。

方法 1

<ol>
    <li>List item 1</li>
    <li>List item 2
        <ol>
            <li>List item 3</li>
        </ol>
    </li>
    <li>List item 4</li>
</ol>

サブリストはそのリスト項目のサブリストであるため、これは意味的に正しいように見えますが、あまりきれいではありません (List Item Content <list right next to it>)。

方法 2

<ol>
    <li>List item 1</li>
    <li>List item 2</li>
        <ol>
            <li>List item 3</li>
        </ol>
    <li>List item 4</li>
</ol>

よりクリーンですが、リストが項目 2 のサブリストであることを直接理解することはできません (ただし、人間の推論では理解できます)。

ちなみに、これは純粋にセマンティック マークアップの問題であり、どちらのメソッドも同じコンテンツをページに表示します。

それで、あなたはどう思いますか？可能なソースが望ましいですが、個人的な使用も良いです。MediaWiki の階層的な TOC が方法 1 を使用していることに気付きました。これが正しい使用法であると私に信じ込ませます。

4

3 に答える 3

13

方法 2 は有効な HTML ではありません。別の要素OLの直接の子として許可されていません。OLでのみLI許可されますOL。

また、項目 2 へのサブリストのメンバーシップは、インデントのために人間の読者にのみ明らかです。s でインデントを揃えるとLI、内側のリスト自体が 3 番目の項目であるかのように見えます。2 つの数値を使用して、次のようなレンダリングを期待するかもしれません。

1. リスト項目 1
2. リスト項目 2
3. 1. リスト項目 3
4. リスト項目 4

方法 1 が有効です。

于 2008-12-21T00:07:15.687 に答える
2

方法 1 が正しいです。

于 2008-12-20T23:57:34.693 に答える
2

HTML 4.01では、OL で LI アイテムのみが許可されます。ただし、LI の終了タグはオプションです。つまり、これは方法 1 と同等です。

<ol>
   <li>List item 1
   <li>List item 2
      <ol>
        <li>List item 3
      </ol>
   <li>List item 4
</ol>

クロージング LI がどこにあるのか、読者にはややあいまいですが、クロージング OL の後であることは仕様から明らかです。

XHTML 1.1にも同じ制限がありますが、終了 LI を使用して明示的にする必要があります。

于 2008-12-21T00:12:22.637 に答える