Widely available すべての主要ブラウザで対応済み。安心して使用可能。

<menu>

<menu> は HTML の要素で、HTML 仕様書では <ul> とは異なる意味づけとして記述されていますが、ブラウザーでは <ul> と違いのないものとして扱われます（そしてアクセシビリティツリーで公開されます）。これは（<li> 要素で表現される）項目の順序のないリストを表します。

テキスト・構造

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
<menu>
1
12
1
3
18
1
DOM API
HTMLMenuElement

HTMLMenuElement インターフェイスは、（通常の HTMLElement インターフェイスで定義され、継承によって利用できるもの以外に）menu 要素を操作するための特別なプロパティを提供します。
1
12
1
3
18
1
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

HTML 
<menu>
  <li><button type="button">Copy</button></li>
  <li><button type="button">Cut</button></li>
  <li><button type="button">Paste</button></li>
</menu>

ライブデモ

basic menu

Menu element in menulist build.ul and variant. semntiks.

プレビュー全画面表示

toolbarmenu

Menu toolbar and usagepattern.

プレビュー全画面表示

vertical typemenu

verticaldirection to line up issaidmenu.

プレビュー全画面表示

実務での使いどころ

  • <menu> の活用

    <menu> は HTML の要素で、HTML 仕様書では <ul> とは異なる意味づけとして記述されていますが、ブラウザーでは <ul> と違いのないものとして扱われます（そしてアクセシビリティツリーで公開されます）。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク