HTML5 <menu> タグ
例
それぞれが一連の選択肢を持つ2つのメニューボタン（"File" と "Edit"）のあるツールバー:
<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>
Try it yourself »
ブラウザ・サポート
<menu> タグは、現在のところ、主要などのブラウザもサポートしていません。
定義と用法
<menu> タグは、コマンドのリスト/メニューを定義します。
<menu> タグは、コンテキストメニュー、ツールバーおよび書式制御とコマンドのリストに使用します。
HTML 4.01 と HTML5 との相違点
<menu> 要素は、HTML 4.01では 非推奨 です。
<menu> 要素は、HTML5 で再定義されています。
チップスと注意事項
チップ: リストのスタイル設定は、CSS を使用してください。
属性
New : HTML5 で新規追加。
| 属性 |
値 |
説明 |
| labelNew |
text |
メニューへ表示するラベルを指定する |
| typeNew |
context
toolbar
list |
表示するメニューのタイプを指定する。デフォルト値は "list" |
グローバル属性
<menu> タグは、HTML5におけるグローバル属性 もサポートします。
イベント属性
<menu> タグは、HTML5におけるイベント属性 もサポートします。
|