Go to information

li要素

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

li要素

li要素(list item)は箇条書きリストを作成する ul要素、番号順リストを作成するol要素の中に並べて個々のリスト項目を作ります(古い HTML ではディレクトリリストを作成する dir要素、メニューリストを作成する menu要素の中で使われていていました)。HTML では終了タグ(</li>)部分を記述内容を減らし、またページの軽量化のためにも習慣的に省略されてきた傾向がありますが、XHTML では終了タグを省略することはできません(li要素に限らず、終了タグはしっかりと記述した方が UA のタグの開始部分と終了部分の認識もスムーズになりレンダリング速度も向上します)。

バージョン
要素型
開始タグ
必須
終了タグ
非推奨
-
内包可能

type属性

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

リスト項目の文頭に付くマーク(マーカー)の種類を指定します。ul要素の子要素となるときと、ol要素の子要素となるときとで指定できる値が異なります。

まず、ul要素に内包する場合の type属性には次の3種類のキーワードがあります。キーワードは半角アルファベットの大文字・小文字が区別されません(case-insensitive)。

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

ol要素に内包する場合の type属性には次の5種類のキーワードがあります(大文字・小文字の区別があります)。

a(英字の小文字)
a, b, c, d, ...
A(英字の大文字)
A, B, C, D, ...
i(ローマ数字の小文字)
i, ii, iii, iv, ...
I(ローマ数字の大文字)
I, II, III, IV, ...
1(算用数字)
1, 2, 3, 4, ...

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

value属性

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

ol要素の中でリストのマーカー部分の数値の番号を任意指定します。li要素に個別に value属性の指定がない場合は、続くリストの番号は指定のあった値から継承されていきます。たとえば、「value="40"」が指定されていると、次のリスト項目は "41" と続きます。非推奨属性ですが、CSS に value属性の代替となるプロパティは用意されていません。

その他の属性

共通属性
イベント属性

li要素のサンプル

記述例
<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)を、項目の順序が意味を持ったり順立てた説明が必要な情報ならば番号順リストを作成する ol要素(order list)を使います。

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

実績:大阪学院 入試サイト New! / 三田市民病院 / 神戸女学院大学 入試サイト / 釣りサンデー