UL要素：HTMLリファレンス　～2nd New House～

説明

順不同形式のリストであることを示します。
type属性を使うと印の種類を変更することができ黒丸と白丸と白い四角が選べます。
そして、スタイルシートを使うと、記号の代わりに画像を指定することもできます。

サポート状況

文書型定義

○: 対応
△: 廃止予定・非推奨
－: 廃止・未対応

HTML										Compact HTML	ISO-HTML
1.0	2.0	2.x	＋	3.0	3.2	4.0 Mobile	4.01 Strict	4.01 Transitional	4.01 Frameset	Compact HTML		Pre
○	○	○	○	○	○	○	○	○	○	○	○	○

XHTML
1.0 Strict	1.0 Transitional	1.0 Frameset	1.1	Basic	MP
○	○	○	○	○	○

ブラウザ

○: 実装
△: 不完全な実装
－: 未実装

Internet Explorer（win）							Netscape（win）						Opera
1.0	2.0	3.0	4.0	5.0	5.5	6.0	1.0	2.0	3.0	4.0	6.0	7.0	6.0	7.0
○	○	○	○	○	○	○	○	○	○	○	○	○	○	○

iMode					J-sky			EZ
1.0	2.0	3.0	4.0	5.0	1.0	2.0	3.0	1.0	2.0
○	○	○	○	○	○	○	○	－	○

要素のデータ

各HTMLバージョンの、開始タグと終了タグのタグ省略の可否、子要素（要素の中身）、親要素、モジュールなど。
子要素の記号の意味はHTMLの要素辞典の見方参照。

HTML 1.0

開始タグ	省略不可
終了タグ	省略不可
子要素	（A｜B｜CITE｜CODE｜DFN｜EM｜I｜IMG｜KBD｜KEY｜LI｜P｜SAMP｜STRONG｜TT｜U｜VAR）+
親要素	BODY　HTML

HTML 2.0

開始タグ	省略不可
終了タグ	省略不可
子要素	(LI)+
親要素	BLOCKQUOTE　BODY　DD　FORM　LI

HTML 2.x

開始タグ	省略不可
終了タグ	省略不可
子要素	(LI)+
親要素	BLOCKQUOTE　BODY　DD　FORM　LI

HTML +

開始タグ	省略不可
終了タグ	省略不可
子要素	(LI｜UL｜OL)+
親要素	BODY　DD　FORM　OL　TD　TH　UL

HTML 3.0

開始タグ	省略不可
終了タグ	省略不可
子要素	(LH?, LI+)
親要素	BANNER　BODYTEXT　DD　DIV　FIGTEXT　FN　FORM　LI　NOTE　TD　TH

HTML 3.2

開始タグ	省略不可
終了タグ	省略不可
子要素	(LI)+
親要素	BLOCKQUOTE　BODY　CENTER　DD　DIV　FORM　LI　TD　TH

HTML 4.0 Mobile

開始タグ	省略不可
終了タグ	省略不可
子要素	(LI)+
親要素	BLOCKQUOTE　BODY　DD　DIV　FIELDSET　FORM　LI　OBJECT

HTML 4.01 Strict

開始タグ	省略不可
終了タグ	省略不可
子要素	(LI)+
親要素	BLOCKQUOTE　BODY　BUTTON　DD　DEL　DIV　FIELDSET　FORM　INS　LI　MAP　NOSCRIPT　OBJECT　TD　TH

HTML 4.01 Transitional

開始タグ	省略不可
終了タグ	省略不可
子要素	(LI)+
親要素	APPLET　BLOCKQUOTE　BODY　BUTTON　CENTER　DD　DEL　DIV　FIELDSET　FORM　IFRAME　INS　LI　MAP　NOFRAMES　NOSCRIPT　OBJECT　TD　TH

HTML 4.01 Frameset

開始タグ	省略不可
終了タグ	省略不可
子要素	(LI)+
親要素	APPLET　BLOCKQUOTE　BODY　BUTTON　CENTER　DD　DEL　DIV　FIELDSET　FORM　IFRAME　INS　LI　MAP　NOSCRIPT　OBJECT　TD　TH

Compact HTML

開始タグ	省略不可
終了タグ	省略不可
子要素	(LI)+
親要素	BLOCKQUOTE　BODY　CENTER　DD　DIV　FORM　LI

ISO-HTML

開始タグ	省略不可
終了タグ	省略不可
子要素	(LI)+
親要素	BLOCKQUOTE　BODY　DD　DIV　FIELDSET　FORM　LI　MAP　OBJECT　TD　TH

ISO-HTML Preparation

開始タグ	省略不可
終了タグ	省略不可
子要素	(LI)+
親要素	BLOCKQUOTE　BODY　DD　DIV　DIV1　DIV2　DIV3　DIV4　DIV5　DIV6　FIELDSET　FORM　LI　MAP　OBJECT　TD　TH

XHTML 1.0 Strict

子要素	(li)+
親要素	blockquote　body　button　dd　del　div　fieldset　form　ins　li　map　noscript　object　td　th

XHTML 1.0 Transitional

子要素	(li)+
親要素	applet　blockquote　body　button　center　dd　del　div　fieldset　form　iframe　ins　li　map　noframes　noscript　object　td　th

XHTML 1.0 Frameset

子要素	(li)+
親要素	applet　blockquote　body　button　center　dd　del　div　fieldset　form　iframe　ins　li　map　noscript　object　td　th

XHTML 1.1

モジュール	Lists Module
子要素	(li)+
親要素	blockquote　body　button　dd　del　div　fieldset　form　ins　li　map　noscript　object　td　th

XHTML Basic

モジュール	Lists Module
子要素	(li)+
親要素	blockquote　body　dd　div　form　li　object　td　th

XHTML MP

モジュール	Lists Module
子要素	(li)+
親要素	blockquote　body　dd　div　fieldset　form　li　object　td　th

属性

◎　＝　必須
○　＝　対応
－　＝　廃止・未対応
（○）　＝　廃止予定・非推奨
TF または F　＝　TransitionalとFrameset、またはFramesetのみ対応
（TF）または（F）　＝　TransitionalとFramesetでまたはFramesetのみ対応しているが非推奨
ブラウザの場合は記号ではなく対応しているバージョンのナンバーを記述しています。
この表に使われる略称についてはHTMLの要素辞典の見方参照。

固有属性

属性名	属性の値	HTML										XHTML				PC Browser			Mobile Browser
		1.0	2.0	2.x	＋	3.0	3.2	4.0M	4.01	C	ISO	1.0	1.1	B	MP	IE	NN	O	i	J	Ez
		align	justifi｜left｜center｜right	－	－	○	－	－	－	－	－	－	－	－	－	－	－	－	－	－	－	－	－
表示位置を指定します。 justifi 両端揃え left 左揃え center 中央揃え right 右揃え
clear	CDATA	align	－	－	－	－	○	－	－	－	－	－	－	－	－	－	－	－	－	－	－	－
clear	テキストの回り込みを設定します。
compact	compact	－	○	○	○	○	○	－	(TF)	－	－	TF	－	－	－	4.0	2.0	－	－	－	－
compact	リストをコンパクトに表示します。
type	disc｜square｜circle	－	－	－	－	－	○	－	(TF)	－	－	TF	－	－	○	4.0	2.0	6.0	2.0	－	2.0
type	リスト頭につける印のタイプを指定します。 disc 黒丸 square 白い四角 circle 白丸
dingbat	entity	－	－	－	○	○	－	－	－	－	－	－	－	－	－	－	－	－	－	－	－
dingbat	HTMLiconsからの飾り活用を指定する。
md	CDATA	－	－	－	○	－	－	－	－	－	－	－	－	－	－	－	－	－	－	－	－
md	リンクしたオブジェクトのメッセージ要約メッセージ要約(例えば要約が、アルゴリズム(この場合MD5)を表示する接頭辞によってコード化され先行されたbase64である場合、md=「md5:jV2OfH+nnXHU8bnkPAad/mSQlTDZ」)。
plain	plain	－	－	－	○	○	－	－	－	－	－	－	－	－	－	－	－	－	－	－	－
plain	entries for index compilation
src	URL	－	－	－	－	○	－	－	－	－	－	－	－	－	－	－	－	－	－	－	－
src
wrap	horiz｜vert	－	－	－	－	○	－	－	－	－	－	－	－	－	－	－	－	－	－	－	－
	none	－	－	－	－	○	－	－	－	－	－	－	－	－	－	－	－	－	－	－	－

共通属性

属性名	属性の値	HTML										XHTML				PC Browser			Mobile Browser
		1.0	2.0	2.x	＋	3.0	3.2	4.0M	4.01	C	ISO	1.0	1.1	B	MP	IE	NN	O	i	J	Ez
		atomicselection	false｜true	－	－	－	－	－	－	－	－	－	－	－	－	－	－	5.5	－	－	－	－	－
全体で分割不可能なユニットとして要素およびその内容が選択されるに違いないかどうか明示します。 false 要素の内容は個々に選択することができます（デフォルト） true 要素およびその内容は単一のユニットとして単に選択される
unselectable	on｜off	atomicselection	－	－	－	－	－	－	－	－	－	－	－	－	－	－	5.5	－	－	－	－	－
unselectable	要素を選択することを禁じられるかどうか明示します。 on 要素の選択を禁止します off 要素の選択を許します（デフォルト）
language	javascript \| jscript \| vbscript \| vbs	－	－	－	－	－	－	－	－	－	－	－	－	－	－	4.0	－	－	－	－	－
language	スクリプト言語を指定します。
index	CDATA	－	－	－	－	○	－	－	－	－	－	－	－	－	－	－	－	－	－	－	－
index	インデックスを生成するために使用するprimary key と secondary key を指定します。 primary key と secondary key は / で区切り、複数のキーを指定するときは ; で区切る。
style	スタイルシート	－	－	－	－	－	－	－	○	－	－	○	○	－	○	3.0	4.0	6.0	－	－	2.0
style	スタイルシートを設定します。
class	クラス名（NAME）	－	－	○	－	○	－	－	－	－	－	－	－	－	－	3.0	3.0	6.0	－	－	2.0
	クラス名（CDATA）	－	－	－	－	－	－	○	○	－	○	○	－	－	－
	クラス名（NMTOKENS）	－	－	－	－	－	－	－	－	－	－	－	○	○	○
	要素のクラス名を設定します。
id	ID	－	－	○	○	○	－	○	○	－	○	○	○	○	○	3.0	3.0	6.0	－	－	2.0
id	文書規模で一意的なIDを設定します。
title	テキスト	－	－	－	－	－	－	○	○	－	○	○	○	○	○	5.0	6.0	6.0	－	－	2.0
title	要素に対して補助的な情報を記述します。
accesskey	１文字	－	－	－	－	－	－	－	－	－	－	－	－	－	－	5.0	－	－	－	－	－
accesskey	要素部分にショートカット・キーを割り当てます。
tabindex	数値	－	－	－	－	－	－	－	－	－	－	－	－	－	－	5.0	－	－	－	－	－
tabindex	TABキーを押した時に移動するフォーカスの順番を指定します。
lang	言語コード	－	－	○	○	○	－	○	○	－	○	○	－	－	－	4.0	6.0	－	－	－	－
lang	要素の内容と属性の値の言語を指定します。
dir	ltr \| rtl	－	－	○	－	－	－	○	○	－	○	○	○	－	－	5.0	6.0	－	－	－	－
dir	要素に含まれる文字の文字方向を指定します。 ltr 左から右へ rtl 右から左へ
xml:lang	言語コード	－	－	－	－	－	－	－	－	－	－	○	○	○	○	－	－	－	－	－	－
xml:lang	要素の内容と属性の値の言語を指定します。
xmlns	URL	－	－	－	－	－	－	－	－	－	－	－	○	○	○	－	－	－	－	－	－
xmlns	XMLのネームスペースのURLを指定します。 XHTML 1.1、XHTML Besic、XHTML Mobile Profileの値は'http://www.w3.org/1999/xhtml'

イベント属性

イベント属性名	HTML	XHTML		IE	NN	O	イベント発生状況
イベント属性名	4.01	1.0	1.1	IE	NN	O	イベント発生状況
onbeforecopy	－	－	－	4.0	－	－	コピーする前。
onbeforecut	－	－	－	4.0	－	－	カットする前。
onbeforepaste	－	－	－	4.0	－	－	ペーストする前。
onblur	－	－	－	5.0	3.0	－	フォーカスを失ったとき。
onclick	○	○	○	4.0	6.0	6.0	クリックしたとき。
oncontextmenu	－	－	－	5.0	－	－	右ボタンが押されたとき。
oncopy	－	－	－	5.0	－	－	コピーしたとき。
oncut	－	－	－	5.0	－	－	カットしたとき。
ondblclick	○	○	○	4.0	6.0	6.0	ダブルクリックしたとき。
ondrag	－	－	－	4.0	－	－	ドラッグしたとき。
ondragend	－	－	－	4.0	－	－	ドラッグが終了したとき。
ondragenter	－	－	－	4.0	－	－	ドロップ可能オブジェクト上に重なったとき。
ondragleave	－	－	－	4.0	－	－	ドロップ可能オブジェクト上にあるとき。
ondragover	－	－	－	4.0	－	－	ドロップ可能オブジェクト上に乗ったとき。
ondragstart	－	－	－	4.0	－	－	ドラッグを開始したとき。
ondrop	－	－	－	4.0	－	－	ドラッグドロップしたとき。
onfocus	－	－	－	5.0	－	－	フォーカスされたとき。
onhelp	－	－	－	4.0	－	－	ヘルプキーまたはF1キーが押されたとき。
onkeydown	○	○	○	－	－	6.0	キーが押されたとき。
onkeypress	○	○	○	－	－	6.0	キーが押され続けているとき。
onkeyup	○	○	○	－	－	6.0	キーが離されたとき。
onlosecapture	－	－	－	4.0	－	－	マウスイベント取得状態が変化したとき。
onmousedown	○	○	○	4.0	6.0	6.0	マウスボタンが押されたとき。
onmousemove	○	○	○	4.0	6.0	6.0	マウスが移動したとき。
onmouseout	○	○	○	4.0	6.0	6.0	マウスが離れたとき。
onmouseover	○	○	○	4.0	6.0	6.0	マウスが重なったとき。
onmouseup	○	○	○	4.0	6.0	6.0	マウスボタンが離れたとき。
onpaste	－	－	－	4.0	－	－	ペーストしたとき。
onpropertychange	－	－	－	5.0	－	－	プロパティが変更されたとき。
onreadystatechange	－	－	－	5.0	－	－	状態が変更されたとき。
onresize	－	－	－	4.0	－	－	リサイズされたとき。
onselectstart	－	－	－	4.0	－	－	選択を開始したとき。

使用例

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
        "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
  <title>ol lu li 使用例</title>
</head>
<body>
  <ol>
    <li>リスト１</li>
    <li>リスト２</li>
    <li>リスト３</li>
  </ol>
  <ul>
    <li>りすと１</li>
    <li>りすと２</li>
    <li>りすと３</li>
  </ul>
</body>
</html>

表示結果を見る

DTDとか

HTML1.0

<!ELEMENT (UL|OL) - -  (%htext;|LI|P)+>

<!ATTLIST (%list)
        COMPACT NAME #IMPLIED -- COMPACT, etc.--
        >

HTML2.0

<!ELEMENT (OL|UL) - -  (LI)+>
<!ATTLIST UL
        COMPACT (COMPACT) #IMPLIED
        %SDAFORM; "List"
        >

HTML2.x

   <!ELEMENT (OL|UL) - -  (LI)+>
   <!ATTLIST UL
           %attrs;
           %just;
           COMPACT (COMPACT) #IMPLIED
           %SDAFORM; "List"
           >

HTML+

<!ELEMENT UL - - (LI | UL | OL)+ -- unordered list -->
<!ATTLIST UL
        id      ID      #IMPLIED    -- link destination --
        compact (compact) #IMPLIED  -- reduced interitem spacing --
        plain   (plain) #IMPLIED -- suppress bullets --
        wrap    (vert|horiz) vert -- multicolumn list wrap style --
        lang    CDATA   #IMPLIED -- ISO language abbreviation --
        index   CDATA   #IMPLIED -- entries for index compilation -->

HTML3.0

<!ELEMENT (OL|UL) - -  (LH?, LI+) -- should we allow a list header ? -->

<!-- Unordered lists:

    o   single or multicolumn with
        horizontal or vertical wrapping

    o   plain or bulletted list items

    o   bullets can be customised via:
            - entities (dingbats in HTMLicons)
            - external graphic via URL
            - individual attributes on LI tags
-->
<!ATTLIST UL
        %attrs;
        %needs; -- for control of text flow --
        wrap (vert|horiz|none) none -- multicolumn list style --
        plain   (plain)  #IMPLIED   -- suppress bullets --
        dingbat  ENTITY  #IMPLIED   -- dingbat entity from HTMLicons --
        src     (%URI;)  #IMPLIED   -- bullet defined by graphic --
        %url.link;                  -- standard link attributes --
        compact (compact) #IMPLIED  -- reduced interitem spacing --
        >

HTML3.2

<!ELEMENT (OL|UL) - -  (LI)+>

<!--
       Numbering style
    1   arablic numbers     1, 2, 3, ...
    a   lower alpha         a, b, c, ...
    A   upper alpha         A, B, C, ...
    i   lower roman         i, ii, iii, ...
    I   upper roman         I, II, III, ...

    The style is applied to the sequence number which by default
    is reset to 1 for the first list item in an ordered list.

    This can't be expressed directly in SGML due to case folding.
-->

<!ENTITY % ULStyle "disc|square|circle">

<!ATTLIST UL -- unordered lists --
        type    (%ULStyle)   #IMPLIED   -- bullet style --
        compact (compact)    #IMPLIED   -- reduced interitem spacing --
        >

HTML 4.0 Mobile

<!ELEMENT UL - - (LI)+                 -- unordered list -->
<!ATTLIST UL
  -- %attrs;                              %coreattrs, %i18n, %events --
  %attrs;                              -- %coreattrs, %i18n --
  >

HTML 4.01 Strict

<!ELEMENT UL - - (LI)+                 -- unordered list -->
<!ATTLIST UL
  %attrs;                              -- %coreattrs, %i18n, %events --
  >

HTML 4.01 Transitional

<!ENTITY % ULStyle "(disc|square|circle)">

<!ELEMENT UL - - (LI)+                 -- unordered list -->
<!ATTLIST UL
  %attrs;                              -- %coreattrs, %i18n, %events --
  type        %ULStyle;      #IMPLIED  -- bullet style --
  compact     (compact)      #IMPLIED  -- reduced interitem spacing --
  >

HTML 4.01 Frameset

<!ENTITY % ULStyle "(disc|square|circle)">

<!ELEMENT UL - - (LI)+                 -- unordered list -->
<!ATTLIST UL
  %attrs;                              -- %coreattrs, %i18n, %events --
  type        %ULStyle;      #IMPLIED  -- bullet style --
  compact     (compact)      #IMPLIED  -- reduced interitem spacing --
  >

Compact HTML

<!ELEMENT (OL|UL) - -  (LI)+>

<![ %doti.10 [
<!ENTITY % OLStyle "CDATA" -- constrained to: [1|a|A] -->
<!ATTLIST OL
        type      %OLStyle;  #IMPLIED   -- numbering style --
        start     NUMBER     #IMPLIED   -- starting sequence number --
        >
]]>
<![ %iMode.20 [
<!ENTITY % OLStyle "CDATA" -- constrained to: [1|a|A] -->
<!ATTLIST OL
        type      %OLStyle;  #IMPLIED   -- numbering style --
        start     NUMBER     #IMPLIED   -- starting sequence number --
        >
]]>

ISO/IEC 15445(ISO-HTML)

<!ELEMENT (OL|UL)     - -  (LI)+ >

<!ATTLIST UL
    %core;                         -- Element CLASS, ID and TITLE --
    %i18n;                         -- Internationalization DIR and LANG -->

XHTML 1.0 Strict

<!-- Unordered list -->

<!ELEMENT ul (li)+>
<!ATTLIST ul
  %attrs;
  >

XHTML 1.0 Transitional

<!ENTITY % ULStyle "(disc|square|circle)">

<!-- Unordered list -->

<!ELEMENT ul (li)+>
<!ATTLIST ul
  %attrs;
  type        %ULStyle;     #IMPLIED
  compact     (compact)     #IMPLIED
  >

XHTML 1.0 Frameset

<!ENTITY % ULStyle "(disc|square|circle)">

<!-- Unordered list -->

<!ELEMENT ul (li)+>
<!ATTLIST ul
  %attrs;
  type        %ULStyle;     #IMPLIED
  compact     (compact)     #IMPLIED
  >

XHTML 1.1

<!-- ul: Unordered List (bullet styles) ................ -->

<!ENTITY % ul.element  "INCLUDE" >
<![%ul.element;[
<!ENTITY % ul.content  "( %li.qname; )+" >
<!ELEMENT %ul.qname;  %ul.content; >
<!-- end of ul.element -->]]>

<!ENTITY % ul.attlist  "INCLUDE" >
<![%ul.attlist;[
<!ATTLIST %ul.qname;
      %Common.attrib;
>
<!-- end of ul.attlist -->]]>

XHTML Basic

<!-- ul: Unordered List (bullet styles) ................ -->

<!ENTITY % ul.element  "INCLUDE" >
<![%ul.element;[
<!ENTITY % ul.content  "( %li.qname; )+" >
<!ELEMENT %ul.qname;  %ul.content; >
<!-- end of ul.element -->]]>

<!ENTITY % ul.attlist  "INCLUDE" >
<![%ul.attlist;[
<!ATTLIST %ul.qname;
      %Common.attrib;
>
<!-- end of ul.attlist -->]]>

XHTML Mobile Profile

<!-- ul: Unordered List (bullet styles) ................ -->

<!ENTITY % ul.element  "INCLUDE" >
<![%ul.element;[
<!ENTITY % ul.content  "( %li.qname; )+" >
<!ELEMENT %ul.qname;  %ul.content; >
<!-- end of ul.element -->]]>

<!ENTITY % ul.attlist  "INCLUDE" >
<![%ul.attlist;[
<!ATTLIST %ul.qname;
      %Common.attrib;
>
<!-- end of ul.attlist -->]]>

Internet Explorer（win）							Netscape（win）						Opera
1.0	2.0	3.0	4.0	5.0	5.5	6.0	1.0	2.0	3.0	4.0	6.0	7.0	6.0	7.0
○	○	○	○	○	○	○	○	○	○	○	○	○	○	○

iMode					J-sky			EZ
1.0	2.0	3.0	4.0	5.0	1.0	2.0	3.0	1.0	2.0
○	○	○	○	○	○	○	○	－	○

Internet Explorer（win）							Netscape（win）						Opera
1.0	2.0	3.0	4.0	5.0	5.5	6.0	1.0	2.0	3.0	4.0	6.0	7.0	6.0	7.0
○	○	○	○	○	○	○	○	○	○	○	○	○	○	○

iMode					J-sky			EZ
1.0	2.0	3.0	4.0	5.0	1.0	2.0	3.0	1.0	2.0
○	○	○	○	○	○	○	○	－	○

<UL>（番号無しリスト：Unordered List）

説明

サポート状況

文書型定義

ブラウザ

要素のデータ

HTML 1.0

HTML 2.0

HTML 2.x

HTML +

HTML 3.0

HTML 3.2

HTML 4.0 Mobile

HTML 4.01 Strict

HTML 4.01 Transitional

HTML 4.01 Frameset

Compact HTML

ISO-HTML

ISO-HTML Preparation

XHTML 1.0 Strict

XHTML 1.0 Transitional

XHTML 1.0 Frameset

XHTML 1.1

XHTML Basic

XHTML MP

属性

固有属性

共通属性

イベント属性

使用例

DTDとか

Internet Explorer（win）							Netscape（win）						Opera
1.0	2.0	3.0	4.0	5.0	5.5	6.0	1.0	2.0	3.0	4.0	6.0	7.0	6.0	7.0
○	○	○	○	○	○	○	○	○	○	○	○	○	○	○

iMode					J-sky			EZ
1.0	2.0	3.0	4.0	5.0	1.0	2.0	3.0	1.0	2.0
○	○	○	○	○	○	○	○	－	○