HTMLリファレンスマニュアル

HTMLタグ一覧

HTML: <menu> タグ

HTMLの<menu>タグはHTMLドキュメントで無序列表を定義します。このタグは通常<menu>要素とも呼ばれます。

オンラインサンプル

「File」および「Edit」のメニューボタンシリーズのオプションの例：

例

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML5　menuタグの使用（基本チュートリアルウェブ　oldtoolbag.com)</title>
</head>
<body>
<menu　type="toolbar">
　　<li>
　　　　<menu　label="File">
　　　　　　<button　type="button"　onclick="new()">New</button>
　　　　　　<button　type="button"　onclick="save()">Save</button>
　　　　</menu>
　　</li>
　　<li>
　　　　<menu　label="Edit">
　　　　　　<button　type="button"　onclick="copy()">Copy</button>
　　　　　　<button　type="button"　onclick="paste()">Paste</button>
　　　　</menu>
　　</li>
</menu>
</body>
</html>

テストをしてみてください ‹/›

このHTML5ドキュメントサンプルでは、ツールバーのスタイルを持つ<menu>タグで無序列表を生成しました。ツールバーには「新しい」および「保存」を含む「ファイル」メニュー、および「コピー」および「貼り付け」を含む「編集」メニューが含まれています。

ブラウザの互換性

IEFirefoxOperaChromeSafari

現在の主要ブラウザでは <menu> タグをサポートしていません。

タグの定義および使用方法

<menu> タグはコマンドリストやメニューを定義します。

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

<menu> タグは <li> タグで構成されています。

あなたは <ol>、<ul>、および <menu> リストをネストできます。

ヒントと注意

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

HTML 4.01 HTMLと5の間の差異

HTML 4.01の <menu> 要素は廃止されました。

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

属性

属性	値	説明
labelHTML5	text	メニュー項目のマークを説明します。
typeHTML5	context toolbar list	表示されるメニューの種類を説明します。デフォルトは "list" です。

グローバル属性

<menu> タグはグローバル属性をサポートしており、完全な属性表を確認してください HTMLグローバル属性。

イベント属性をサポートしています

<menu> タグはすべての HTMLイベント属性。

HTML: <meta> タグ HTML5: <mark> タグ