Go to information

ul要素

  1. ul要素
  2. compact属性
  3. type属性
  4. その他の属性
  5. サンプル

ul要素

ul要素(unordered list - bullet styles)は項目を並列的に列挙する箇条書きリスト(記号付きリストともいう)を作ります。箇条書きリストの各項目は li要素(list item)を並べて作ります。項目の順序があまり大きな意味を持たず、並列的に列挙する情報の場合に適しています。

視覚環境の UA では表示域の左右いっぱいまでの範囲を占め、前後に改行を置き、ul要素が定義された領域の上下に1行分の余白をあけて、各リスト項目の文頭に付くマーク(マーカー)には黒丸が表示されます。上下の余白については CSSmarginプロパティで調整でき、マーカーにつく記号の種類は list-style-typeプロパティで変更することもできます。

バージョン
要素型
ブロック要素
開始タグ
必須
終了タグ
必須
非推奨
-
内包可能
li要素(1個以上)

compact属性

バージョン
指定要素
必須
-
非推奨
属性値

compact属性が設定された場合、視覚環境の UA はリストの表示をなるべく狭い範囲でコンパクトに表示しようとします。非推奨属性で、どの UA も対応していません。HTML4.01では compact、XHTMLでは compact="compact" と記述します。

type属性

バージョン
指定要素
ul
必須
-
非推奨
属性値

リスト項目の文頭に付くマーク(マーカー)の種類を指定します。値には次の3種類のキーワードがあります。

disc
黒丸
circle
円の丸
square
黒の四角

なお、type属性は非推奨属性のため、CSS の list-style-typeプロパティで代替することが推奨されています。

その他の属性

共通属性
イベント属性

ul要素のサンプル

記述例
<h3>天平美術</h3>
<ul>
<li>正倉院 鳥毛立女屏風</li>
<li>薬師寺 吉祥天像</li>
<li>過去現在絵因果経</li>
<li>…</li>
</ul>
<h3>六国史</h3>
<ol>
<li>日本書紀(ニホンショキ, ?-697年)</li>
<li>続日本紀(ショクニホンギ, 697-791年)</li>
<li>日本後紀(ニホンコウキ, 792-833年)</li>
<li>続日本後紀(ショクニホンコウキ, 833-850年)</li>
<li>日本文徳天皇実録(ニホンモントクテンノウジツロク, 850-858年)</li>
<li>日本三代実録(ニホンサンダイジツロク, 858-887年)</li>
</ol>
表示例

項目の順序があまり大きな意味を持たず、並列的に列挙する情報ならば箇条書きリストを作成する ul要素(unordered list)を使います。ul要素に対して、項目の順序が意味を持ったり、順立てた説明が必要な情報ならば番号順リストを作成する ol要素(order list)を使います。

現在位置
  1. W3G
  2. XHTML
  3. HTML辞典
  4. ul要素
ナビゲーション
ステータス情報
作者
上田 遼
公開
2005-10-02T00:12:43+09:00
更新
2008-12-29T04:27:11+09:00
URI
http://w3g.jp/xhtml/dic/ul
検索

直近の制作実績等:大阪人間科学大学 New! / 大阪薫英女子短期大学 New! / セキスイハイム みんなのお国じまん New!