<ul>
HTML <ul> タグ
インスタンス
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <h4>无序列表:</h4> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> </body> </html>
インスタンスの実行»
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します
ブラウザのサポート
すべてのメジャーすべてのブラウザが <ul> タグをサポートしています。
タグの定義と使用方法
<ul> タグ定義の順序なしリスト。
順序なしリストを作成するには、<ul> タグを <li> と一緒に使用します。
ヒントとメモ
ヒント: CSS を使用してリストのスタイルを設定します。
ヒント: 順序付きリストを作成するには、<ol> タグを使用します。
HTML 4.01とHTML5の違い
HTML 4.01では、「compact」属性と「type」属性は非推奨になりました。 HTML5 はこれら 2 つの属性をサポートしていません。
属性
| 属性 | 値 | 説明 |
|---|---|---|
| compact | compact | HTML5はサポートされていません。 HTML 4.01 は非推奨になりました。 リストを通常よりも小さく表示することを指定します。 |
| タイプ | ディスク 正方形 サークル | HTML5はサポートされていません。 HTML 4.01 は非推奨になりました。 リストの箇条書きの種類を指定します。 |
グローバル属性
<ul> タグは HTML グローバル属性をサポートします。
イベント属性
<ul> タグは 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>
インスタンスの実行»
オンラインインスタンスを表示するには、[インスタンスの実行]ボタンをクリックしてください
ネストされたリスト2
この例は、より複雑なネストされたリストを示しています。 Instance
