更新时间:2014年8月20日

menu元素(菜单列表)【变更元素

<menu>~</menu>

menu元素用于表示菜单的列表。在制作网页应用程序时,适合用于工具栏、内容菜单等地方。HTML4中规定的menu元素,因为考虑到与以往HTML的兼容性,为不推荐使用元素。但是HTML5中,menu元素成为正式元素,其语义也有很大的变更。

HTML5的menu元素中增加了type内容属性。type内容属性属于枚举属性,有2个可以指定的值,menu元素会根据type内容属性指定的值的不同而意思不同。

type内容属性
【type属性的可选值:】
  • context:右键菜单、快捷键
  • toolbar:工具栏
  • 没有指定:菜单的列表。

使用例

<menu type="toolbar">

<li>

<menu label="文件">

<button type="button" onclick="fnew()">新建文件</button>

<button type="button" onclick="fopen()">打开文件</button>

<button type="button" onclick="fsave()">保存文件</button>

</menu>

</li>

<li>

<menu label="编辑">

<button type="button" onclick="ecopy()">复制</button>

<button type="button" onclick="ecut()">剪切</button>

<button type="button" onclick="epaste()">粘贴</button>

</menu>

</li>

<li>

<menu label="帮助">

<li><a href="help.html">帮助</a></li>

<li><a href="about.html">相关信息</a></li>

</menu>

</li>

</menu>

浏览器上的显示结果↓


  • 帮助
  • 相关信息
  • X

    浏览器支持情况

    元素
    menu no no 31 no no