このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

ul要素:順不同のリスト

記事Apr. 12th,2015
July 7th,2020
順不同のリストを表す要素
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

要素について

カテゴリー フロー・コンテンツ
li”要素を子要素に持つ場合はパルパブル・コンテンツ
利用場所 フロー・コンテンツが置ける場所
内容 0個以上のli”要素、任意でスクリプト支援要素
タグの省略 不可

ul”要素は順不同のリストを表す要素です。リストを構成する項目はli”要素で表します。

リストの項目の順番が意味を持たない場合に使用することができます。リストの項目の順番を入れ替えると意味合いが変わってしまうリストはol”要素を使用します。

サンプルコード

<ul>
<li>バナナ</li>
<li>マンゴスチン</li>
<li>ドリアン</li>
<li>バンレイシ</li>
</ul>
  • バナナ
  • マンゴスチン
  • ドリアン
  • バンレイシ

一般的なブラウザではリストの項目はリストマーカーを伴って表示されます。

ul”要素は他の“ul”要素で表される順不同のリストやol”要素で表される順序付きのリストの中に入れ子にすることができます。

<ul>
<li>野菜</li>
<li>
フルーツ
<ul>
<li>バナナ</li>
<li>マンゴスチン</li>
<li>ドリアン</li>
<li>バンレイシ</li>
</ul>
</li>
<li>ナッツ</li>
<li>魚</li>
<li>肉</li>
</ul>
  • 野菜
  • フルーツ
    • バナナ
    • マンゴスチン
    • ドリアン
    • バンレイシ
  • ナッツ

属性と値

現行の仕様で定義されている属性

属性
属性 説明 説明
必須属性
なし
任意属性
グローバル属性

過去に定義された属性

属性
属性 説明 説明
type=""注意 リストマーカーの種類 disc “●”
circle “○”
square “□”
compact=""注意 コンパクトに表示 compact コンパクトに表示

仕様書

ul”要素はHTML1.0から定義されている要素です。現行の仕様であるHTML Living Standardでも定義されています。

HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
<ul>
定義あり

定義あり

定義あり

定義あり

定義あり
HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
type=""
非推奨

削除

削除

削除

削除
compact=""
非推奨

削除

削除

削除

削除
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク