リスト
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>