HTMLMenuElement

menu 要素 (HTML)

[51] menu 要素は、 メニューを表します。

本項は歴史的事項を説明しています。本項の内容の一部または全部は、現在の状況とは異なるかもしれません。

(なお本項の内容の一部または全部は、互換性または歴史的連続性のために現在も有効な場合もあります。しかし新たに利用することは避けるべきです。)

目次

  1. 仕様書
  2. 意味
  3. 構文
  4. 文脈
  5. 属性
  6. 内容
  7. HTMLMenuElement インターフェイス
    1. 代替
    2. 内容
    3. レンダリング
    4. 他との関係
  8. 歴史
    1. 誕生
    2. HTML4
    3. HTML5

仕様書#

意味#

[50] menu 要素は、命令リスト表現します >>33

[34] menu 要素は、フロー内容です >>33

[35] type 属性ツールバー状態menu 要素は、触知可能内容です >>33

構文#

[43] 開始タグ終了タグ必須です。

文脈#

[36] フロー内容が認められる場所で使うことができます。

[37] menu 要素子要素として使うことができます。

属性#

[44] 大域属性の他、次の属性があります。

compact(真偽値属性)()コンパクト表示[HTML4] 非推奨
type非標準[Vodafone]

内容#

[40] menu 要素内容は、 次の通り定められています >>33

[38] type 属性ツールバー状態
次のいずれか:
[39] type 属性ポップアップメニュー状態
0個以上の、 menuitem 要素hr 要素type 属性ポップアップメニュー状態menu 要素スクリプト支援要素

HTMLMenuElement インターフェイス#

[45] menu 要素要素インターフェイスは、 HTMLMenuElement です >>33

[46] HTMLMenuElement インターフェイスは、 文書環境晒されています。

[47] HTMLMenuElement インターフェイスは、 HTMLConstructor を持ちます >>33。 つまりカスタム化組み込み要素基底として使えます。

[48] HTMLMenuElement インターフェイスは、 HTMLElement インターフェイス継承しています >>33

[49] 加えて、次のメンバーを持ちます。

代替#

[5] この要素型は非推奨です HTML 4。 代わりに ul 要素型を使うことができます (要素型名を書き換えるだけで OK)。 特定のレンダリングが望ましければ、スタイル・シートで指定できます。

内容#

[7] menu の内容は li 要素で、 li 要素1つが1つのメニュー項目を表します。

元々 menu は単一行のメニュー項目で構成されるリストですから、 menu の子供の li内容としてブロック水準要素を使うことはできません。

この制約は HTML 4 などでは DTD で明示されていますが、 XHTML 1 では曖昧 (または無記述) になっています。

レンダリング#

[3] HTML 4 仕様書が The MENU element was designed to be used for single column menu lists. と言っているように、 menu物理要素であり、 特定のレンダリングを想定しています。

しかし、 Classic MozillaWinIE をはじめとして、 ここ数年のほとんどのブラウザは、 ul と同じようにレンダリングします。

他との関係#

[6] 似たような要素型に dir (ディレクトリ・リスト) と ul (順序なしリスト) があります。

dirdirmenu より更に簡潔に表示され得るリストですが、 menu と共に非推奨とされています。

ul は順序に深い意味がないリストのための汎用の要素型です。 menudir の代わりに ul を用いるのが望ましいとされています。

歴史#

誕生#

リスト

HTML4#

[1] HTMLmenu 要素型の要素 (menu list) は、単一行表示の並びを表します。

この要素は HTML 4 では非推奨で、代わりに ul を使うことが強く推奨されています。

[2]

内容模型
(li)+
出現できる文脈
%list; な文脈


[62] Design Issues for HTML Forms, , https://www.w3.org/TR/WD-forms-960308.html

[216] HTML要素概説
要素名
menubar
日付
説明
付の W3C 文書で menubar が提案されていた。 select を使ってメニューバーを表す。
出典

HTML5#

[9] menu要素型とnl要素型とnav要素型 (kuruman.org > Kuruman Memo) (2006-09-09 01:47:03 +09:00 版) http://kuruman.org/diary/2007/06/07/menu-nl-nav (名無しさん 2007-06-09 15:23:16 +00:00)

[10] TRANS - Re: Re: XHTML+CSS (r)evolution, 3rdの内容は信ずるに値するか? (2007-06-06 22:35:42 +09:00 版) http://d.hatena.ne.jp/aratako0/20070606/p1 (名無しさん 2007-06-09 15:31:38 +00:00)

[11] >>9-10 HTML 5menu を再利用しているのに言及しないのは片手落ち。 (名無しさん 2007-06-09 15:35:40 +00:00)

[12] Re: Web Applications 1.0 and Menu Labels (Ian Hickson <ian@...> 著, 版) http://permalink.gmane.org/gmane.org.w3c.whatwg.discuss/16632

[13] (X)HTML5 Tracking ( 版) http://html5.org/tools/web-apps-tracker?from=2415&to=2416

[14] IRC logs: freenode / #whatwg / 20090808 ( 版) http://krijnhoetmer.nl/irc-logs/whatwg/20090808#l-302

[15] IRC logs: freenode / #whatwg / 20100413 ( 版) http://krijnhoetmer.nl/irc-logs/whatwg/20100413

[16] 617528 – implement the HTML5 "context menu" feature (contextmenu attribute) ( ( 版)) https://bugzilla.mozilla.org/show_bug.cgi?id=617528

[17] Bug 13608 – Add <menuitem> element ( ( 版)) https://www.w3.org/Bugs/Public/show_bug.cgi?id=13608

[18] [whatwg] Menus and Toolbars ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-November/038140.html

[19] IRC logs: freenode / #whatwg / 20121129 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20121129

[20] IRC logs: freenode / #whatwg / 20121204 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20121204#l-1168

[22] [whatwg] <menu> and friends ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-December/038472.html

[23] Web Applications 1.0 r7906 Better match the only existing implementation (Firefox). ( ( 版)) http://html5.org/tools/web-apps-tracker?from=7905&to=7906

[24] [whatwg] <menu> and friends ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-July/040201.html

[25] IRC logs: freenode / #whatwg / 20130723 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20130723

[26] ncsa-mosaic/CHANGES at master · alandipert/ncsa-mosaic ( ( 版)) https://github.com/alandipert/ncsa-mosaic/blob/master/CHANGES#L1231

[27] Bug 22517 – replace the <menu> element with new <toolbar> and <popup> elements ( ( 版)) https://www.w3.org/Bugs/Public/show_bug.cgi?id=22517

[28] IRC logs: freenode / #whatwg / 20150606 ( 版) http://krijnhoetmer.nl/irc-logs/whatwg/20150606

# [02:26] <JonathanNeal> After reviewing the ARIA roles for menu and menubar, I don’t understand the usecase for menubar. That it would be laid horizontally seems moot to its purpose. Can someone explain its purpose?

# [05:51] <deltab> JonathanNeal: I guess it's because 1) orientation affects which cursor keys you use; 2) a menubar usually has a dedicated space whereas other menus are transitory; 3) a menu typically will take keyboard input automatically when visible, whereas activating a menubar's options needs another step

[29] 22517 – replace the <menu> element with new <toolbar> and <popup> elements ( 版) https://www.w3.org/Bugs/Public/show_bug.cgi?id=22517

[30] Rename <menu type=popup> to <menu type=context> · whatwg/html@b00d85b ( 版) https://github.com/whatwg/html/commit/b00d85bd72c1582840f820ffd54161afbf232e16

[31] 年賀状のサルを12年前と比べてみたら...デザイナーは同じ人、ヒツジでも話題に ( 版) http://www.huffingtonpost.jp/2015/12/30/new-years-card-monkey-2004-and-2016_n_8893298.html

<menu class="editions inner off">

<ul>

<li>

<a href="http://www.huffingtonpost.com/?country=AR">

<span>عربي (Arabic) </span> <strong>AR</strong>

</a>

</li>

<li>

<a href="http://www.huffingtonpost.com/?country=AU">

<span>Australia</span> <strong>AU</strong>

</a>

</li>

[32] Fix #234: Change <menuitem> from void to like-<option> · whatwg/html@5e49a20 ( 版) https://github.com/whatwg/html/commit/5e49a20874fabef620bf7ea0be7534c73fbd58c4

[52] Remove <button type=menu> (domenic著, ) https://github.com/whatwg/html/commit/916e1b9f6bea48cb117ddd056ea025adaa629384

[53] 87553 - Implement HTML5 context menu - chromium - Monorail () https://bugs.chromium.org/p/chromium/issues/detail?id=87553&desc=2

[54] Remove <menuitem> and context menu specs · Issue #2730 · whatwg/html () https://github.com/whatwg/html/issues/2730

[55] Remove the context menu feature (domenic著, ) https://github.com/whatwg/html/commit/e7e8c88ecdd7cdc96171f05ab6fe23b56dd48d8a

[56] 87553 - Implement HTML5 context menu - chromium - Monorail () https://bugs.chromium.org/p/chromium/issues/detail?id=87553&desc=2

[57] 87553 - Implement HTML5 context menu - chromium - Monorail () https://bugs.chromium.org/p/chromium/issues/detail?id=87553&desc=2

[58] Dev edition: remove spurious mention of HTMLMenuElement (annevk著, ) https://github.com/whatwg/html/commit/8b30fc9f6ce8c2cf0c16b19b9a85f186cd13084a

[59] Dev: remove spurious mention of HTMLMenuElement by annevk · Pull Request #3693 · whatwg/html () https://github.com/whatwg/html/pull/3693

[60] Dev edition: remove spurious mention of HTMLMenuElement (annevk著, ) https://github.com/whatwg/html/commit/8b30fc9f6ce8c2cf0c16b19b9a85f186cd13084a

[61] Dev: remove spurious mention of HTMLMenuElement by annevk · Pull Request #3693 · whatwg/html () https://github.com/whatwg/html/pull/3693