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
支持 支持 支持 支持 支持