`HTMLMenuElement` インターフェイス

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

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

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

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

[49] 加えて、次のメンバーインターフェイスメンバーを持ちます。

type<menu type>
label<menu label>

代替

[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 Mozilla や WinIE をはじめとして、ここ数年のほとんどのブラウザは、 ul と同じようにレンダリングします。

他との関係

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

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

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

歴史

誕生

リスト

HTML4

[1] HTMLハイパーテキスト・マーク付け言語の menu 要素型の要素 (menu list) は、単一行表示の並びを表します。

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

[2]

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

[4] HTML 4 https://www.w3.org/TR/html4/struct/lists.html#edef-MENU

[62] Design Issues for HTML Forms, 1999-02-04T17:41:10.000Z, 2024-08-25T03:32:27.452Z https://www.w3.org/TR/WD-forms-960308.html

[216]

HTML要素概説

要素名

menubar

日付

1995-03-08

説明

1996-03-08付の W3C 文書で menubar が提案されていた。 select を使ってメニューバーを表す。

出典

Design Issues for HTML Forms, W3C, Working Draft, 08-Mar-961996-03-08, 1999-02-04T17:41:10.000Z, 2024-08-25T03:33:02.026Z https://www.w3.org/TR/WD-forms-960308.html

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 5 が menu を再利用しているのに言及しないのは片手落ち。 (名無しさん 2007-06-09 15:35:40 +00:00)

[12] Re: Web Applications 1.0 and Menu Labels (Ian Hickson <ian@...> 著, 2008-11-18 07:54:59 +09:00 版) http://permalink.gmane.org/gmane.org.w3c.whatwg.discuss/16632

[13] (X)HTML5 Tracking (2009-08-23 15:53:44 +09:00 版) http://html5.org/tools/web-apps-tracker?from=2415&to=2416

[14] IRC logs: freenode / #whatwg / 20090808 (2009-10-06 23:37:54 +09:00 版) http://krijnhoetmer.nl/irc-logs/whatwg/20090808#l-302

[15] IRC logs: freenode / #whatwg / 20100413 (2010-04-28 00:16:26 +09:00 版) http://krijnhoetmer.nl/irc-logs/whatwg/20100413

[16] 617528 – implement the HTML5 "context menu" feature (contextmenu attribute) ( (2012-11-28 00:42:34 +09:00 版)) https://bugzilla.mozilla.org/show_bug.cgi?id=617528

[17] Bug 13608 – Add <menuitem> element ( (2012-11-28 00:44:02 +09:00 版)) https://www.w3.org/Bugs/Public/show_bug.cgi?id=13608

[18] [whatwg] Menus and Toolbars ( (2012-11-28 00:12:27 +09:00 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-November/038140.html

[19] IRC logs: freenode / #whatwg / 20121129 ( (2012-12-09 19:48:18 +09:00 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20121129

[20] IRC logs: freenode / #whatwg / 20121204 ( (2012-12-14 22:04:57 +09:00 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20121204#l-1168

[21] Web Applications 1.0 r7602 Grand <menu> revamp. Note: This patch includes parser changes. ( (2012-12-29 10:23:00 +09:00 版)) http://html5.org/tools/web-apps-tracker?from=7601&to=7602
- [63] [acgiow] (1) Grand <menu> revamp. Note: This patch includes parser ch…, Hixie, 2012-12-29 10:23:20 +09:00, 2024-09-06T14:20:37.000Z https://github.com/whatwg/html/commit/9e2e25f4ae90969a7c64e0763c98548a35b50af8#diff-41cf6794ba4200b839c53531555f0f3998df4cbb01a4d5cb0b94e3ca5e23947d

[22] [whatwg] <menu> and friends ( (2012-12-29 13:44:07 +09:00 版)) 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). ( (2013-06-05 07:02:00 +09:00 版)) http://html5.org/tools/web-apps-tracker?from=7905&to=7906

[24] [whatwg] <menu> and friends ( (2013-07-23 23:19:18 +09:00 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-July/040201.html

[25] IRC logs: freenode / #whatwg / 20130723 ( (2013-07-24 20:12:52 +09:00 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20130723

[26] ncsa-mosaic/CHANGES at master · alandipert/ncsa-mosaic ( (2014-04-07 05:41:34 +09:00 版)) https://github.com/alandipert/ncsa-mosaic/blob/master/CHANGES#L1231

[27] Bug 22517 – replace the <menu> element with new <toolbar> and <popup> elements ( (2014-05-01 12:31:29 +09:00 版)) https://www.w3.org/Bugs/Public/show_bug.cgi?id=22517

[28]

IRC logs: freenode / #whatwg / 20150606 (2015-06-07 12:32:48 +09:00 版) 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 (2015-09-02 13:56:23 +09:00 版) https://www.w3.org/Bugs/Public/show_bug.cgi?id=22517

[30] Rename <menu type=popup> to <menu type=context> · whatwg/html@b00d85b (2015-11-11 22:31:57 +09:00 版) https://github.com/whatwg/html/commit/b00d85bd72c1582840f820ffd54161afbf232e16

[31]

年賀状のサルを12年前と比べてみたら...デザイナーは同じ人、ヒツジでも話題に (2015-12-31 14:22:05 +09:00 版) 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">
عربي (Arabic) AR
</a>
</li>
<li>
<a href="http://www.huffingtonpost.com/?country=AU">
Australia AU
</a>
</li>

[32] Fix #234: Change <menuitem> from void to like-<option> · whatwg/html@5e49a20 (2016-04-16 20:59:18 +09:00 版) https://github.com/whatwg/html/commit/5e49a20874fabef620bf7ea0be7534c73fbd58c4

[52] Remove <button type=menu> (domenic著, 2017-02-09 23:55:10 +09:00) https://github.com/whatwg/html/commit/916e1b9f6bea48cb117ddd056ea025adaa629384

[53] 87553 - Implement HTML5 context menu - chromium - Monorail (2017-06-02 21:12:12 +09:00) https://bugs.chromium.org/p/chromium/issues/detail?id=87553&desc=2

[54] Remove <menuitem> and context menu specs · Issue #2730 · whatwg/html (2017-06-02 21:13:02 +09:00) https://github.com/whatwg/html/issues/2730

[55] Remove the context menu feature (domenic著, 2017-06-09 03:16:29 +09:00) https://github.com/whatwg/html/commit/e7e8c88ecdd7cdc96171f05ab6fe23b56dd48d8a

[56] 87553 - Implement HTML5 context menu - chromium - Monorail (2017-06-14 12:01:38 +09:00) https://bugs.chromium.org/p/chromium/issues/detail?id=87553&desc=2

[57] 87553 - Implement HTML5 context menu - chromium - Monorail (2017-06-14 12:01:19 +09:00) https://bugs.chromium.org/p/chromium/issues/detail?id=87553&desc=2

[58] Dev edition: remove spurious mention of HTMLMenuElement (annevk著, 2018-05-16 22:31:53 +09:00) https://github.com/whatwg/html/commit/8b30fc9f6ce8c2cf0c16b19b9a85f186cd13084a

[59] Dev: remove spurious mention of HTMLMenuElement by annevk · Pull Request #3693 · whatwg/html (2018-05-18 15:23:25 +09:00) https://github.com/whatwg/html/pull/3693

[60] Dev edition: remove spurious mention of HTMLMenuElement (annevk著, 2018-05-16 22:31:53 +09:00) https://github.com/whatwg/html/commit/8b30fc9f6ce8c2cf0c16b19b9a85f186cd13084a

[61] Dev: remove spurious mention of HTMLMenuElement by annevk · Pull Request #3693 · whatwg/html (2019-02-18 13:32:14 +09:00) https://github.com/whatwg/html/pull/3693

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

仕様書

意味

構文

文脈

属性

内容

HTMLMenuElement インターフェイス

代替

内容

レンダリング

他との関係

歴史

誕生

HTML4

HTML5

`HTMLMenuElement` インターフェイス