HTMLMenuElement

menu 要素 (HTML)

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

仕様書

意味

[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 を用いるのが望ましいとされています。

歴史

誕生

[8] Line Mode Browser 1.2a (1992年2月?) で、 将来使用するためとしてdirmenuが導入されています。

HTML4

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

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

[2]

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

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

[21] Web Applications 1.0 r7602 Grand <menu> revamp. Note: This patch includes parser changes. ( ( 版)) http://html5.org/tools/web-apps-tracker?from=7601&to=7602

[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