<リ>
HTML <li> タグ
インスタンス
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p>有序列表:</p> <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> <p>无序列表:</p> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> </body> </html>
インスタンスの実行»
オンラインインスタンスを表示するには「インスタンスの実行」ボタンをクリックしてください
ブラウザのサポート
現在最も主流のブラウザブラウザは <li> タグをサポートしています。
タグの定義と使用方法
<li> タグ定義リストの項目。
<li> タグは、順序付きリスト (<ol>)、順序なしリスト (<ul>)、およびメニュー リスト (<menu>) で使用できます。
HTML 4.01とHTML5の違い
「type」属性はHTML 4.01では非推奨になりました。 HTML5 はこの属性をサポートしていません。
「value」属性は HTML 4.01 で非推奨になりました。 HTML5 はこの属性をサポートしていません。
ヒントとメモ
ヒント: リストとリスト項目のタイプを定義するには CSS を使用してください。
プロパティ
| プロパティ | 値 | 説明 |
|---|---|---|
| タイプ | 1 あ あ 私 私 ディスク 正方形 Circle | HTML5 はこの属性をサポートしていません。この属性は HTML 4.01 では非推奨になりました。 廃止されました。スタイルに置き換えてください。 使用する箇条書きを指定します。 |
| value | number | は非推奨になりました。スタイルに置き換えてください。 リスト項目の数を指定します。 |
グローバル属性
<li> タグはグローバル属性をサポートしています。完全な属性テーブル HTML グローバル属性を表示します。
イベント属性
<li> タグはすべての HTML イベント属性をサポートします。
オンライン インスタンス
ネストされたリスト
リスト内のリスト。
インスタンス
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <h4>嵌套列表：</h4> <ul> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea</li> </ul> </li> <li>Milk</li> </ul> </body> </html>
インスタンスの実行 »
「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します
別のネストされたリスト
より複雑なネストされたリスト。
インスタンス
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <h4>嵌套列表：</h4> <ul> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea <ul> <li>China</li> <li>Africa</li> </ul> </li> </ul> </li> <li>Milk</li> </ul> </body> </html>
インスタンスの実行 »
「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します
関連記事
HTMLチュートリアル: HTMLリスト
