English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML <li>タグはHTMLドキュメントの<ol>、<ul>または<menu>内でリスト項目を定義します。このタグは通常<li>要素と呼ばれます。
HTMLの2つの列表示例：1つの有序リスト(<ol>)と1つの無序列表(<ul>)
!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5 liタグの使用(基本教程網 oldtoolbag.com)</title> </head> <body> <ol> <li>First item</li> <li>Second item</li> <li>Third item</li> <li>Fourth item</li> </ol> <ul> <li>First item</li> <li>Second item</li> <li>Third item</li> </ul> <ul> <li>First item <ol> <li>Nested item A</li> <li>Nested item B</li> <li>Nested item C</li> <li>Nested item D</li> </ol> </li> <li>Second item</li> <li>Third item</li> <li>Fourth item</li> </ul> </body> </html>テストをしてみてください ‹/›
このHTML5ドキュメント例では、<li>リスト項目が4つの有序リスト<ol>タグを持っています。次に、3つの<li>リスト項目を持つ無序列表<ul>タグがあります。最後に、無序列表<ul>タグの中に有序リスト<ol>タグをネストしています。
IEFirefoxOperaChromeSafari
現在、多くの主流ブラウザが<li>タグをサポートしています。
<li>タグはリスト項目を定義します。
<li>タグは有序リスト（<ol>）、無序列表（<ul>）およびメニューリスト（<menu>）の中で。
あなたは<ol、<ul>、および<menu>リストをネストできます。
"type" 属性は HTML 4.01 廃止されました。HTML5 この属性はサポートされていません。
"value" 属性は HTML 4.01 廃止されました。HTML5 この属性はサポートされていません。
ヒント: リストとリスト項目のタイプを定義するには、CSSを使用してください。
| 属性 | 値 | 説明 |
|---|---|---|
| type | 1 A a I i disc square circle | HTML5 この属性はサポートされていません。HTML 4.01 この属性は廃止されました。 使用することを推奨しません。スタイルで置き換えてください。 リストのアイコンの種類を指定します。 文字値、番号のスタイルを示すものです。以下のいずれかの値ができます： |
| value | number | 使用することを推奨しません。スタイルで置き換えてください。 リスト項目の数字を指定します。 |
<li> タグは全てのグローバル属性をサポートしており、完全な属性表を確認してください HTML 全局属性。
<li> タグはすべての HTML イベント属性。
異なる種類の順列リスト
異なる種類の順列リスト
異なる種類の無序列表
異なる種類の無序列表
ネストリスト
このサンプルでは、リストのネスト方法を示します。
ネストリスト 2
このサンプルでは、より複雑なネストリストを示します。
カスタムリスト
このサンプルでは、定義リストの例を示します。
HTML チュートリアル: HTML リスト