最終更新:2026-09-12
<menu>MENU 要素
コマンドやメニュー項目のリストを表します。ツールバーやコンテキストメニューに使われ、<li> や <button> を含められます。
| カテゴリ | フォーム |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </menu> タグ |
| ステータス | 標準 |
📝 構文
<menu>
<li><button>コピー</button></li>
<li><button>貼り付け</button></li>
</menu>
⚙️ 属性
この要素はグローバル属性に加え、以下の属性をサポートします:
| 属性 | 値 | 説明 |
|---|---|---|
type | Menu type: toolbar (default) or context. | |
label | A human-readable label, often for context menus. |
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認:
🌐 ブラウザサポート
| ブラウザ | |||||
|---|---|---|---|---|---|
| <menu> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント: menu は <ul> に似ていますがコマンドリストを意味します。レンダリング対応はブラウザーによって異なるため、単純なリストには <ul> を使いましょう。
🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。