ul,ol,li要素
w3cのhtml4.01strictより要素を抜き出しています。
補足は独自意見ですので参考程度でご覧ください。
ul
番号なしリスト
- 開始タグ
- 省略不可
- 終了タグ
- 省略不可
- 包含要素
- li
- 属性
- %attrs;
- 補足
- 順不同な項目をリストにする場合
ol
用語定義
- 開始タグ
- 省略不可
- 終了タグ
- 省略可
- 包含要素
- li
- 属性
- %attrs;
- 補足
- 並べ順に意味のある場合
li
定義の記述
<!ELEMENT OL - - (LI)+ -- ordered list --> <!ATTLIST OL %attrs; -- %coreattrs, %i18n, %events -- > <!-- Unordered Lists (UL) bullet styles --> <!ELEMENT UL - - (LI)+ -- unordered list --> <!ATTLIST UL %attrs; -- %coreattrs, %i18n, %events -- > <!ELEMENT LI - O (%flow;)* -- list item --> <!ATTLIST LI %attrs; -- %coreattrs, %i18n, %events -- >
リストの入れ子使用例
<ul>
<li>レベル1,番号1<!-- ここのliの終了タグの前に入れ子のolを記入 -->
<ol>
<li>レベル2,番号1</li>
<li>レベル2,番号2<!-- おなじくliの終了タグの前にolを記入 -->
<ol start="10">
<li>レベル3,番号1</li>
</ol>
</li><!-- ここでレベル2番号2のliを閉じる -->
<li>レベル2,番号3</li>
</ol>
</li><!-- ここでレベル1番号1のliを閉じる -->
<li>レベル1,番号2</li>
</ul>
- レベル1,番号1
- レベル2,番号1
- レベル2,番号2
- レベル3,番号1
- レベル2,番号3
- レベル1,番号2
サイト内のcssでリストの余白を設定しています。start属性はhtml4.01strictでは非推奨です。listをネスト(入れ子)にする場合</li>の前に<ul>なり<ol>を挿入します。</li>の後ろに入れてしまいがちですが<ul>も<ol>も直接の子要素には<li>しか持つことはできません。