HTML

この記事では、操作できる項目の一覧を表すmenu要素と、項目をli・buttonで構成する基本的な考え方を説明します。古い属性や要素を使った書き方には注意が必要です。

menu要素

　menu要素は、ユーザーが実行できる操作項目の一覧を表します。見た目や動作はCSSやJavaScriptで整え、menuを使うだけでポップアップメニューになるわけではありません。

　menu要素の中には、li要素で項目を作り、その中にbutton要素やリンクを置きます。ブラウザや支援技術ではul要素に近い一覧として扱われます。

　古い仕様にあったtype属性やlabel属性、command要素を使った書き方は、現在のページでは使用しないでください。メニューの名前が必要な場合は、見出しやaria-labelなど目的に合ったラベル付けを検討します。

HTML5へのバージョンアップによる変更点

　menu要素は、HTMLの標準要素です。ただし、menuを使うだけで特別なポップアップメニューが生成されるわけではありません。

属性

子要素

li要素で操作項目を表し、その中にbutton要素やリンクを置く。

　以下のサンプルでは、li要素とbutton要素を組み合わせて操作項目を示しています。

<menu>
	<li><button type="button" onclick="fnew()">新規作成</button></li>
	<li><button type="button" onclick="fopen()">開く</button></li>
	<li><button type="button" onclick="fsave()">上書き保存</button></li>
	<li><button type="button" onclick="ecopy()">コピー</button></li>
	<li><a href="menu.html">ヘルプ</a></li>
</menu>

Browser support