ul,ol,li要素

w3cのhtml4.01strictより要素を抜き出しています。
補足は独自意見ですので参考程度でご覧ください。

w3c

ul

番号なしリスト

開始タグ
省略不可
終了タグ
省略不可
包含要素
li
属性
%attrs;
補足
順不同な項目をリストにする場合

ol

用語定義

開始タグ
省略不可
終了タグ
省略可
包含要素
li
属性
%attrs;
補足
並べ順に意味のある場合

li

定義の記述

開始タグ
省略不可
終了タグ
省略可
包含要素
ブロックレベルインライン
属性
%attrs;
補足
用語の説明のddも1つだけではなく複数列挙してもよい
<!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
    1. レベル2,番号1
    2. レベル2,番号2
      1. レベル3,番号1
    3. レベル2,番号3
  • レベル1,番号2

サイト内のcssでリストの余白を設定しています。start属性はhtml4.01strictでは非推奨です。listをネスト(入れ子)にする場合</li>の前に<ul>なり<ol>を挿入します。</li>の後ろに入れてしまいがちですが<ul>も<ol>も直接の子要素には<li>しか持つことはできません。