HTML <menu> 标签

定义和用法

<menu> 标签定义了无序的内容列表。

可使用 <menu> 标签和 <li> 标签 一起创建菜单项。

注意:<menu> 标签是 <ul> 标签 的替代品,浏览器会将这两种列表视为相等。

另请参阅:

HTML 参考手册:<ul> 标签

实例

菜单列表:

<menu>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</menu>

亲自试一试

全局属性

<menu> 标签还支持 HTML 中的全局属性

事件属性

<menu> 标签还支持 HTML 中的事件属性

默认的 CSS 设置

大多数浏览器将使用以下默认值显示 <menu> 元素:

menu {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

亲自试一试

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持