HTML <menu> 标签

炫客网 • 2022-03-01 23:16 • 炫客网 • 技术文档 • 阅读 455

实例

带有两个菜单按钮（”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>

浏览器支持

目前所有主流浏览器都不支持 <menu> 标签。

定义和用法

<menu> 标签定义命令的列表或菜单。

<menu> 标签用于上下文菜单、工具栏以及用于列出表单控件和命令。

提示和注释：

提示：请使用 CSS 来设置菜单列表的样式！

HTML 4.01 与 HTML5 之间的差异

在 HTML 4.01 中已弃用 <menu> 元素。

在 HTML5 中重新定义了 <menu> 元素。

HTML 与 XHTML 之间的差异

在 HTML 4.01 中，menu 元素不被赞成使用。

在 XHTML 1.0 Strict DTD 中，menu 元素不被支持。

属性

New: HTML5 中的新属性。

属性	值	描述
label	text	规定菜单的可见标签。
type	popup toolbar	规定要显示哪种菜单类型。

1、本站所有资源来源于用户上传和网络，版权争议与本站无关，版权归原创者所有，如有侵权请邮件联系我们！
2、分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3、不得使用于非法商业用途，商用请购买正版，不得违反国家法律。否则后果自负！
4、本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5、如有链接无法下载、失效或广告，请联系管理员处理！
6、本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！

7、不保证所有资源都完整可用，不排除存在加密、BUG、需要授权或者残缺的可能，由于资源的特殊性，下载后一律不予退货！

8、本文来自炫客网搜集整理，如有侵权请联系管理员删除，转载请注明出处：https://www.xuankewang.com/3314.html

HTML <menu> 标签

实例

浏览器支持

定义和用法

提示和注释：

HTML 4.01 与 HTML5 之间的差异

HTML 与 XHTML 之间的差异

属性

猜你喜欢

联系我们

173-662-005