HTML - ol / ul / li 要素

概要

名前
ol / ul / li
カテゴリー
ol
  • Flow content
  • Palpable content (子要素にli要素が1つ以上ある場合のみ)
ul
  • Flow content
  • Palpable content (子要素にli要素が1つ以上ある場合のみ)
li
なし
配置できる場所
ol
Flow content が期待される場所。
ul
Flow content が期待される場所。
li
ol 要素、ul 要素、または type 属性が toolbarmenu 要素。
コンテンツモデル
ol
  • 0 個以上の li 要素
  • Script-supporting element
ul
  • 0 個以上の li 要素
  • Script-supporting element
li
Flow content
説明
ol
ol 要素は、項目に順序性があるリストを表す要素です。各項目の行頭には自動的に連番が表示されます。ol 要素は、リストの全体をマークアップするために使用し、リスト内の各項目は li 要素としてマークアップします。
ul
ul 要素は、項目の順番を入れ替えても意味的には変わらないリストを表す要素です。ul 要素は、リストの全体をマークアップするために使用し、リスト内の各項目は li 要素としてマークアップします。
li
li 要素は、リストの1項目を表す要素です。
タグの省略
ol
開始タグも終了タグも省略できません。
ul
開始タグも終了タグも省略できません。
li
開始タグも終了タグも省略できません。
DOM Interface
ol
HTMLOListElement
ul
HTMLUListElement
li
HTMLLIElement
仕様書
要素仕様書策定状況コメント
olLS:現行の標準
REC:勧告reversed および start 属性を追加、type の非推奨を解除
REC:勧告compact および type を非推奨に指定
ulLS:現行の標準
REC:勧告
REC:勧告
liLS:現行の標準
REC:勧告
REC:勧告type 属性を非推奨にした。
サポートブラウザ
要素 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
ol1
ul1
li1
○:Support ×:Not Support ?:未定義 n:以降の Version で Support

ol 要素の属性

ol 要素の属性サポートブラウザ
属性名 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
compact1
reversed×18186
start1
type1
○:Support ×:Not Support ?:未定義 n:以降の Version で Support
グローバル属性
すべての要素で共通に利用できるグローバル属性を指定できます。
reversed
この真偽値属性は、項目が逆順に並ぶように指定します。
start
この整数値を持つ属性は、リスト項目の序数の開始値を指定します。序数の形式が XXXI のようなローマ数字や文字であっても、値は常に数値で表現します。"C" という文字から始めるには、 <ol start="3"> を使用します。この属性は HTML4 で非推奨になりましたが、 HTML5 で再び導入されました。

非推奨の属性

以下の属性は非推奨、非標準、実験的、または廃止された属性のため、使用しないでください。

compact
非推奨。新しいウェブサイトでは使用しないでください。
非標準。ブラウザ間の互換性が低い可能性があります。
type
非推奨。新しいウェブサイトでは使用しないでください。
非標準。ブラウザ間の互換性が低い可能性があります。

ul 要素の属性

ul 要素の属性サポートブラウザ
属性名 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
compact1
type1
○:Support ×:Not Support ?:未定義 n:以降の Version で Support
グローバル属性
すべての要素で共通に利用できるグローバル属性を指定できます。

非推奨の属性

以下の属性は非推奨、非標準、実験的、または廃止された属性のため、使用しないでください。

compact
非推奨。新しいウェブサイトでは使用しないでください。
非標準。ブラウザ間の互換性が低い可能性があります。
type
非推奨。新しいウェブサイトでは使用しないでください。
非標準。ブラウザ間の互換性が低い可能性があります。

li 要素の属性

li 要素の属性サポートブラウザ
属性名 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
value1
type1
○:Support ×:Not Support ?:未定義 n:以降の Version で Support
グローバル属性
すべての要素で共通に利用できるグローバル属性を指定できます。
value
これは整数値の属性で、ol 要素で定義されたリスト項目の序数値を示します。リストがローマ数字や文字で表示される場合であっても、この属性は数値のみが指定できます。続くリスト項目は、その番号から続いて採番されます。順序なしリスト (ul) やメニュー (menu) では value 属性は意味がありません。この属性は HTML4 で非推奨とされましたが、HTML5 で再導入されました。

非推奨の属性

以下の属性は非推奨、非標準、実験的、または廃止された属性のため、使用しないでください。

type
非推奨。新しいウェブサイトでは使用しないでください。
非標準。ブラウザ間の互換性が低い可能性があります。

サンプルコード

ol/ul/li 要素のサンプルコードは以下のとおりです。

<ol>
    <li>最初のリスト項目</li>
    <li>二番目のリスト項目</li>
    <li>三番目のリスト項目</li>
</ol>

<ul>
    <li>最初のリスト項目</li>
    <li>二番目のリスト項目</li>
    <li>三番目のリスト項目</li>
</ul>
ol/ul/li 要素のサンプルコード

関連記事

Category:
プログラミング
公開日:
更新日:
Pageviews:
109
Shares:
1
Tag:
HTML