HTML 标签属性

在 HTML5 中，menu 标签被引入用于创建菜单（menu）和上下文菜单（context menu）。在本文中，我们将深入了解 menu 标签的属性及其用法。

用法

menu 标签的用法如下：

<menu>
  <li><a href="#">菜单项1</a></li>
  <li><a href="#">菜单项2</a></li>
  <li><a href="#">菜单项3</a></li>
  <li><a href="#">菜单项4</a></li>
</menu>

此外，还有两个属性可以使用：

type

type 属性用于定义菜单的类型，可以是上下文菜单（context）或普通菜单（list），默认为 list。例如：

<menu type="context">
  <li><a href="#">上下文菜单项1</a></li>
  <li><a href="#">上下文菜单项2</a></li>
  <li><a href="#">上下文菜单项3</a></li>
  <li><a href="#">上下文菜单项4</a></li>
</menu>

label

label 属性用于定义菜单的标签，在菜单中显示的文本。例如：

<menu label="操作">
  <li><a href="#">菜单项1</a></li>
  <li><a href="#">菜单项2</a></li>
  <li><a href="#">菜单项3</a></li>
  <li><a href="#">菜单项4</a></li>
</menu>

支持度

目前，menu 标签的支持情况如下：

• Chrome：支持
• Firefox：支持
• Safari：支持
• Opera：支持
• Edge：支持
• IE：不支持

总结

HTML5 中的 menu 标签可以创建菜单和上下文菜单，支持 type 和 label 两个属性。在使用时需要注意浏览器兼容性。