menu要素

このエントリーをはてなブックマークに追加

menu要素はコマンドのリストを指定するためのHTML要素です。

menu要素はHTML5では2012年12月17日の仕様まではHTML5に存在しましたが、2013年8月26日の仕様で削除され、HTML5.1で再定義されました。

menu要素はフロー・コンテンツもしくは0個以上のli要素を子要素として持つことができ、コマンドのリストが記述できます。

type属性に「toolbar」を指定することでツールバーとして、「context」を指定することでコンテキストメニューとしてブラウザが表示することが期待され、type属性が省略された場合はコマンドのリストとして認識されます。

また、label属性を用いてリストのラベルをつけることができます。

<menu type="toolbar">
  <li>
    <menu label="File">
      <button type="button" onclick="fnew()">New...</button>
      <button type="button" onclick="fopen()">Open...</button>
      <button type="button" onclick="fsave()">Save</button>
      <button type="button" onclick="fsaveas()">Save as...</button>
    </menu>
  </li>
  <li>
    <menu label="Edit">
      <button type="button" onclick="ecopy()">Copy</button>
      <button type="button" onclick="ecut()">Cut</button>
      <button type="button" onclick="epaste()">Paste</button>
    </menu>
  </li>
  <li>
    <menu label="Help">
      <li><a href="help.html">Help</a></li>
      <li><a href="about.html">About</a></li>
    </menu>
  </li>
</menu>

参考URL

4.11.4 The menu element - HTML5 - W3C
4.11.3 The menu element - HTML5.1 - W3C

登録日 : 2014年06月10日 最終更新日 : 2015年2月8日

同じカテゴリー(インタラクティブ)のエントリー

検索

スポンサードリンク

バージョン

リファレンス