1 つの順序付きリスト (<ol>) と、1 つの順序なしリスト (<ul>):
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
Try it Yourself ❯
他の "Try it Yourself" の例が下にあります。
<li> タグは、リスト項目を定義します。
<li> タグは、順序付きリスト(<ol>)、順序なしリスト (<ul>) 、 メニューリスト (<menu>) の中で使用します。
要素 | |||||
---|---|---|---|---|---|
<li> | Yes | Yes | Yes | Yes | Yes |
"type" 属性は、 HTML5 ではサポート対象外です。
"value" 属性は、HTML 4.01 では非推奨でしたが、 HTML5 では、サポートされるようになりました。
チップ: リストのタイプ定義には CSS を使用します。
属性 | 値 | 説明 |
---|---|---|
type | 1 A a I i disc square circle |
HTML5 ではサポート対象外。 リストの先頭に表示するマーカー文字の種類を指定する |
value | number | リスト項目の値を指定します。次のリスト項目は、この値から増分されます(<ol> リストの場合のみ) |
<li> タグは、HTML のグローバル属性もサポートします。
<li> タグは、HTML のイベント属性もサポートします。
ネストしたリスト
リスト内のリスト。
他のネストしたリスト
より複雑にネストしたリスト。
HTML チュートリアル:HTML Lists
HTML DOM リファレンス:Li オブジェクト
CSS チュートリアル:Styling Lists
ほとんどのブラウザは、次のデフォルト値を使用して <li> 要素を表示しています:
li {
display: list-item;
}