<メニュー>

HTML <menu> タグ

インスタンス

<html>
<body>

<menu type="toolbar">
 <li>
  <menu label="File">
   <button type="button" onclick="file_new()">New...</button>
   <button type="button" onclick="file_open()">Open...</button>
   <button type="button" onclick="file_save()">Save</button>
  </menu>
 </li>
 <li>
  <menu label="Edit">
   <button type="button" onclick="edit_cut()">Cut</button>
   <button type="button" onclick="edit_copy()">Copy</button>
   <button type="button" onclick="edit_paste()">Paste</button>
  </menu>
 </li>
</menu>

<p><b>Note:</b> The <menu> tag is not supported in any of the major browsers.</p>

</body>
</html>

インスタンスの実行»

「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示

ブラウザサポート

現在の主流ブラウザ<menu> タグはサポートされていません。

ラベルの定義と使用方法

<menu> ラベルはコマンドリストまたはメニューを定義します。

<menu> タグは、テキストメニュー、ツールバー、コマンドリストオプションによく使用されます。

ヒントとメモ

ヒント: CSS を使用してメニューリストのスタイルを設定します。

HTML 4.01 と HTML5 の違い

HTML 4.01 の <menu> 要素は非推奨になりました。

<menu> 要素は HTML5 で再定義されました。

属性

新しい: HTML5 の新しい属性。

属性	値	説明
ラベルNew	text	メニュー項目のラベルを記述します。
typeNew	context toolbar list	表示メニューのタイプを記述します。デフォルトは「リスト」です。

グローバル属性

<menu> タグはグローバル属性をサポートしています。完全な属性テーブル HTML グローバル属性を表示します。

イベント属性

<menu> タグはすべての HTML イベント属性をサポートします。