menu 要素

概要

HTML の menu 要素 (<menu>) は選択可能なメニューのリストやコマンドをあらわします。

<menu> 要素、<ol> 要素、または <ul> 要素によって定義されるリストの入れ子階層の深さに制限はありません。

• コンテンツカテゴリ フローコンテンツ
  menu 要素の type 属性の値に toolbar が指定されている場合はインタラクティブコンテンツおよびパルパブルコンテンツとなる
  menu 要素の type 属性の値に list が指定されている場合はインタラクティブコンテンツとなる
• 許可された内容 0 個以上の <li> 要素。
  もしくは、フローコンテンツ。
• タグの省略 不可。開始と終了タグの両方が必要。
• 許可された親要素 フローコンテンツを受け入れるすべての要素
• DOM インターフェイス HTMLMenuElement

属性

この要素は他の全ての HTML 要素と同じく、グローバル属性をサポートします。

type 属性

定義済のメニューの種類を示す為に使用します。以下は HTML5 で定義されている値です。

context

コンテキストメニューのコマンド。コンテキストメニューがアクティブになっている場合のみ、ユーザーはコマンドと対話することができます。

toolbar

ユーザーがすぐにやり取り可能な、アクティブなコマンド一覧

list

menu 要素をユーザーが実行したり有効化することができるコマンドをアイテムとして持つ順不同リストとする。各リストアイテムは menu 要素の子要素の <li> 要素として配置します。利用可能なコマンドについて説明するフローコンテンツを menu 要素の直下に配置する事も可能です。

label 属性

menu 要素のラベル

例

<menu type="toolbar">
  <li>
    <menu label="File">
      <button type="button" onclick="new()">新規作成</button>
      <button type="button" onclick="save()">保存</button>
    </menu>
  </li>
  <li>
    <menu label="Edit">
      <button type="button" onclick="cut()">カット</button>
      <button type="button" onclick="copy()">コピー</button>
      <button type="button" onclick="paste()">ペースト</button>
    </menu>
  </li>
</menu>

仕様

ブラウザ実装状況

関連情報

• 他のリスト関連 HTML 要素: <ol>、 <ul>、 <li>、及び廃止済の <dir>
• type 属性が context である menu 要素の id 属性を参照する contextmenu グローバル属性