リスト
ul
箇条書きリスト
2008/3/26
構文
<ul> ~ </ul>
説明
ul要素は、箇条書きリストを表すブロック要素です。
ul要素内には、li要素が1回以上出現する必要があります。
リストを入れ子にする場合は、li要素の開始タグと終了タグの間に記述してください。
属性
属性="値" | 説明 | サポート状況 | 必須・任意 | 代替 | |
---|---|---|---|---|---|
XHTML 1.0 | XHTML 1.1 | ||||
一般属性 | - | STF | S | 任意 | style属性はCSSで代替。 |
type="%OLStyle" | リストマークを指定。 | TF | - | 任意 | CSS(list-style-typeプロパティ)で代替。 |
compact="compact" | コンパクト表示を指定。 | TF | - | 任意 | 非推奨(代替方法なし) |
ul要素の固有の属性(type属性、compact属性、start属性)は、XHTML 1.0 Strict および XHTML 1.1 で廃止されました。
-
type属性 ⇒ CSS(list-style-typeプロパティ)で代替。
<style type="text/css"> ul.nomark { list-style-type:none; } /* リストマークなし */ </style> <ul class="nomark"> <li>項目1</li> <li>項目2</li> <li>項目3</li> </ul>
- compact属性およびstart属性の代替方法はありません。
サンプル
<ul> <li>項目1</li> <li>項目2</li> <li>項目3</li> </ul> <hr /> <!-- 入れ子 --> <ul> <li>項目1</li> <li>項目2 <ul> <li>項目2-1</li> <li>項目2-2</li> <li>項目2-3</li> </ul> </li> <li>項目3 <ol> <li>項目3-1</li> <li>項目3-2</li> <li>項目3-3</li> </ol> </li> </ul>
- 項目1
- 項目2
- 項目3
- 項目1
- 項目2
- 項目2-1
- 項目2-2
- 項目2-3
- 項目3
- 項目3-1
- 項目3-2
- 項目3-3
ol
番号付きリスト
2008/3/26
構文
<ol> ~ </ol>
説明
ol要素は、番号付きリストを表すブロック要素です。
ol要素内には、li要素が1回以上出現する必要があります。
リストを入れ子にする場合は、li要素の開始タグと終了タグの間に記述してください。
属性
属性="値" | 説明 | サポート状況 | 必須・任意 | 代替 | |
---|---|---|---|---|---|
XHTML 1.0 | XHTML 1.1 | ||||
一般属性 | - | STF | S | 任意 | style属性はCSSで代替。 |
type="%ULStyle" | リストマークを指定。 | TF | - | 任意 | CSS(list-style-typeプロパティ)で代替。 |
compact="compact" | コンパクト表示を指定。 | TF | - | 任意 | 非推奨(代替方法なし) |
start="%Number" | 開始番号を指定。 | TF | - | 任意 | 非推奨(代替方法なし) |
ol要素の固有の属性(type属性、compact属性、start属性)は、XHTML 1.0 Strict および XHTML 1.1 で廃止されました。
-
type属性 ⇒CSS(list-style-typeプロパティ)で代替。
<style type="text/css"> ol.nomark { list-style-type:none; } /* リストマークなし */ </style> <ol class="nomark"> <li>項目1</li> <li>項目2</li> <li>項目3</li> </ul>
- compact属性およびstart属性の代替方法はありません。
サンプル
<ol> <li>項目1</li> <li>項目2</li> <li>項目3</li> </ol> <hr /> <!-- 入れ子 --> <ol> <li>項目1</li> <li>項目2 <ol> <li>項目2-1</li> <li>項目2-2</li> <li>項目2-3</li> </ol> </li> <li>項目3 <ul> <li>項目3-1</li> <li>項目3-2</li> <li>項目3-3</li> </ul> </li> </ol>
- 項目1
- 項目2
- 項目3
- 項目1
- 項目2
- 項目2-1
- 項目2-2
- 項目2-3
- 項目3
- 項目3-1
- 項目3-2
- 項目3-3
li
リストの項目
2008/3/26
構文
<li> ~ </li>
説明
li要素は、リストの「項目」を表すブロック要素です。
li要素は、ol要素またはul要素内に記述します。
属性
属性="値" | 説明 | サポート状況 | 必須・任意 | 代替 | |
---|---|---|---|---|---|
XHTML 1.0 | XHTML 1.1 | ||||
一般属性 | - | STF | S | 任意 | style属性はCSSで代替。 |
type="%LiStyle" | リストマークを指定。 | TF | - | 任意 | CSS(list-style-typeプロパティ)で代替。 |
value="%Number" | 項目の値。 | TF | - | 任意 | 非推奨(代替方法なし) |
li要素の固有の属性(type属性、value属性)は、XHTML 1.0 Strict および XHTML 1.1 で廃止されました。
-
value属性 ⇒ 代替方法なし。
-
type属性 ⇒ CSS(list-style-typeプロパティ)で代替。
<style type="text/css"> li.nomark { list-style-type:none; } /* リストマークなし */ </style> <ul> <li>項目1</li> <li class="nomark">項目2</li> <li>項目3</li> </ul>