説明
メニューリストを作ります。
ULのリストとあまり変わりませんがHTML 2.0以降はブロック要素を含めないようになっています。
なおW3Cでは、MENUの代わりにULを使用することを推奨しています。
サポート状況
文書型定義
- ○
- 対応
- △
- 廃止予定・非推奨
- −
- 廃止・未対応
| 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 |
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 | SAMP | STRONG | TT | U | VAR)+ |
| 親要素 | BODY HTML |
HTML 2.0
| 開始タグ | 省略不可 |
|---|---|
| 終了タグ | 省略不可 |
| 子要素 | (LI)+ LIの中身はインライン要素のみ |
| 親要素 | BLOCKQUOTE BODY DD FORM LI |
HTML 2.x
| 開始タグ | 省略不可 |
|---|---|
| 終了タグ | 省略不可 |
| 子要素 | (LI)+ LIの中身はインライン要素のみ |
| 親要素 | BLOCKQUOTE BODY DD FORM LI |
HTML +
| 開始タグ | 省略不可 |
|---|---|
| 終了タグ | 省略不可 |
| 子要素 | (LI)* |
| 親要素 | BODY DD FORM OL TD TH UL |
HTML 3.0
| 開始タグ | 省略不可 |
|---|---|
| 終了タグ | 省略不可 |
| 子要素 | (LI)+ LIの中身はインライン要素のみ |
| 親要素 | BANNER BODYTEXT DD DIV FIGTEXT FN FORM LI NOTE TD TH |
HTML 3.2
| 開始タグ | 省略不可 |
|---|---|
| 終了タグ | 省略不可 |
| 子要素 | (LI)+ LIの中身はインライン要素のみ |
| 親要素 | BLOCKQUOTE BODY CENTER DD DIV FORM LI TD TH |
HTML 4.01 Transitional
| 開始タグ | 省略不可 |
|---|---|
| 終了タグ | 省略不可 |
| 子要素 | (LI)+ 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)+ LIの中身はインライン要素のみ |
| 親要素 | APPLET BLOCKQUOTE BODY BUTTON CENTER DD DEL DIV FIELDSET FORM IFRAME INS LI MAP NOSCRIPT OBJECT TD TH |
Compact HTML
| 開始タグ | 省略不可 |
|---|---|
| 終了タグ | 省略不可 |
| 子要素 | (LI)+ LIの中身はインライン要素のみ |
| 親要素 | BLOCKQUOTE BODY CENTER DD DIV FORM LI |
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 |
属性
- ◎ = 必須
- ○ = 対応
- − = 廃止・未対応
- (○) = 廃止予定・非推奨
- 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 | − | − | ○ | − | − | − | − | − | − | − | − | − | − | − | − | − | − | − | − | − |
表示位置を指定します。
|
|||||||||||||||||||||
| compact | compact | − | ○ | ○ | − | ○ | ○ | − | TF | − | − | TF | − | − | − | − | − | − | − | − | − |
|
リストをコンパクトに表示します。 |
|||||||||||||||||||||
| type | disc|square|circle | − | − | − | − | − | − | − | (TF) | − | − | − | − | − | − | 4.0 | 2.0 | − | − | − | − |
|
リスト頭につける印のタイプを指定します。
|
|||||||||||||||||||||
共通属性
| 属性名 | 属性の値 | 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 | − | − | − | − | − |
全体で分割不可能なユニットとして要素およびその内容が選択されるに違いないかどうか明示します。
|
|||||||||||||||||||||
| unselectable | on|off | − | − | − | − | − | − | − | − | − | − | − | − | − | − | 5.5 | − | − | − | − | − |
要素を選択することを禁じられるかどうか明示します。
|
|||||||||||||||||||||
| language | javascript | jscript | vbscript | vbs | − | − | − | − | − | − | − | − | − | − | − | − | − | − | 4.0 | − | − | − | − | − |
| スクリプト言語を指定します。 | |||||||||||||||||||||
| index | CDATA | − | − | − | − | ○ | − | − | − | − | − | − | − | − | − | − | − | − | − | − | − |
| インデックスを生成するために使用するprimary key と secondary key を指定します。
primary key と secondary key は / で区切り、複数のキーを指定するときは ; で区切る。 |
|||||||||||||||||||||
| style | スタイルシート | − | − | − | − | − | − | − | TF | − | − | TF | − | − | − | 3.0 | 4.0 | 6.0 | − | − | − |
| スタイルシートを設定します。 | |||||||||||||||||||||
| class | クラス名(NAME) | − | − | ○ | − | ○ | − | − | − | − | − | − | − | − | − | 3.0 | 3.0 | 6.0 | − | − | − |
| クラス名(CDATA) | − | − | − | − | − | − | − | TF | − | − | TF | − | − | − | |||||||
| 要素のクラス名を設定します。 | |||||||||||||||||||||
| id | ID | − | − | ○ | ○ | − | − | − | TF | − | − | TF | − | − | − | 4.0 | 3.0 | 6.0 | − | − | − |
| 文書規模で一意的なIDを設定します。 | |||||||||||||||||||||
| title | テキスト | − | − | − | − | − | − | − | TF | − | − | TF | − | − | − | 5.0 | 6.0 | 6.0 | − | − | − |
| 要素に対して補助的な情報を記述します。 | |||||||||||||||||||||
| accesskey | 1文字 | − | − | − | − | − | − | − | − | − | − | − | − | − | − | 5.0 | − | − | − | − | − |
| 要素部分にショートカット・キーを割り当てます。 | |||||||||||||||||||||
| tabindex | 数値 | − | − | − | − | − | − | − | − | − | − | − | − | − | − | 5.0 | − | − | − | − | − |
| TABキーを押した時に移動するフォーカスの順番を指定します。 | |||||||||||||||||||||
| lang | 言語コード | − | − | ○ | ○ | − | − | − | TF | − | − | TF | − | − | − | 4.0 | 6.0 | − | − | − | − |
| 要素の内容と属性の値の言語を指定します。 | |||||||||||||||||||||
| dir | ltr | rtl | − | − | ○ | − | − | − | − | TF | − | − | TF | − | − | − | 5.0 | 6.0 | − | − | − | − |
要素に含まれる文字の文字方向を指定します。
|
|||||||||||||||||||||
| xml:lang | 言語コード | − | − | − | − | − | − | − | − | − | − | TF | − | − | − | − | − | − | − | − | − |
| 要素の内容と属性の値の言語を指定します。 | |||||||||||||||||||||
イベント属性
| イベント属性名 | HTML | XHTML | IE | NN | O | イベント発生状況 | |
|---|---|---|---|---|---|---|---|
| 4.01 | 1.0 | 1.1 | |||||
| onbeforecopy | − | − | − | 4.0 | − | − | コピーする前。 |
| onbeforecut | − | − | − | 4.0 | − | − | カットする前。 |
| onbeforepaste | − | − | − | 4.0 | − | − | ペーストする前。 |
| onblur | − | − | − | 5.0 | 3.0 | − | フォーカスを失ったとき。 |
| onclick | TF | TF | − | 4.0 | 6.0 | 6.0 | クリックしたとき。 |
| oncontextmenu | − | − | − | 5.0 | − | − | 右ボタンが押されたとき。 |
| oncopy | − | − | − | 5.0 | − | − | コピーしたとき。 |
| oncut | − | − | − | 5.0 | − | − | カットしたとき。 |
| ondblclick | TF | TF | − | 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 | TF | TF | − | − | − | 6.0 | キーが押されたとき。 |
| onkeypress | TF | TF | − | − | − | 6.0 | キーが押され続けているとき。 |
| onkeyup | TF | TF | − | − | − | 6.0 | キーが離されたとき。 |
| onlosecapture | − | − | − | 4.0 | − | − | マウスイベント取得状態が変化したとき。 |
| onmousedown | TF | TF | − | 4.0 | 6.0 | 6.0 | マウスボタンが押されたとき。 |
| onmousemove | TF | TF | − | 4.0 | 6.0 | 6.0 | マウスが移動したとき。 |
| onmouseout | TF | TF | − | 4.0 | 6.0 | 6.0 | マウスが離れたとき。 |
| onmouseover | TF | TF | − | 4.0 | 6.0 | 6.0 | マウスが重なったとき。 |
| onmouseup | TF | TF | − | 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.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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>menu 使用例</title>
</head>
<body>
<menu>
<li>りすと1</li>
<li>りすと2</li>
<li>りすと3</li>
</menu>
</body>
</html>
表示結果を見る
DTDとか
HTML1.0
<!ELEMENT (DIR|MENU) - - (%htext;|LI)+>
<!-- Content should match ((LI,(%htext;)+)+)
But mixed content is messy.
-->
<!ATTLIST (%list)
COMPACT NAME #IMPLIED -- COMPACT, etc.--
>
HTML2.0
<!ELEMENT (DIR|MENU) - - (LI)+ -(%block)>
<!ATTLIST MENU
COMPACT (COMPACT) #IMPLIED
%SDAFORM; "List"
%SDAPREF; "<LHead>Menu</LHead>"
>
HTML2.x
<!ELEMENT (DIR|MENU) - - (LI)+ -(%block)>
<!ATTLIST MENU
%attrs;
%just;
COMPACT (COMPACT) #IMPLIED
%SDAFORM; "List"
%SDAPREF; "<LHead>Menu</LHead>"
>
HTML+
<!ELEMENT MENU - - (LI)* -- plain single column list -->
<!ATTLIST MENU
id ID #IMPLIED
lang CDATA #IMPLIED -- ISO language abbreviation --
index CDATA #IMPLIED -- entries for index compilation -->
HTML3.0
<![ %HTML.Deprecated [
<!ELEMENT (DIR|MENU) - - (LI)+ -(%block)>
<!ATTLIST (DIR|MENU)
compact (compact) #IMPLIED>
]]>
HTML3.2
<!ELEMENT (DIR|MENU) - - (LI)+ -(%block)>
<!ATTLIST MENU
compact (compact) #IMPLIED
>
HTML 4.01 Transitional
<!ELEMENT (DIR|MENU) - - (LI)+ -(%block;) -- directory list, menu list --> <!ATTLIST MENU %attrs; -- %coreattrs, %i18n, %events -- compact (compact) #IMPLIED -- reduced interitem spacing -- >
HTML 4.01 Frameset
<!ELEMENT (DIR|MENU) - - (LI)+ -(%block;) -- directory list, menu list --> <!ATTLIST MENU %attrs; -- %coreattrs, %i18n, %events -- compact (compact) #IMPLIED -- reduced interitem spacing -- >
Compact HTML
<!ELEMENT (DIR|MENU) - - (LI)+ -(%block;)>
XHTML 1.0 Transitional
<!-- single column list (DEPRECATED) --> <!ELEMENT menu (li)+> <!ATTLIST menu %attrs; compact (compact) #IMPLIED >
XHTML 1.0 Frameset
<!-- single column list (DEPRECATED) --> <!ELEMENT menu (li)+> <!ATTLIST menu %attrs; compact (compact) #IMPLIED >