Mega menu 大型下拉菜单
/MEG-uh MEN-yoo/ · noun · 导航类模式 · #116
从网站顶部导航栏展开的一大块面板，一次展示很多链接，按栏目分列、带小标题，有时还配图片或推荐内容。商品多、栏目深的商城和企业网站常用它，让人不用一页页点进去就能看到整个分区。
你可能会这样叫它
- “网站上的大下拉菜单”
- “展开一整块的导航菜单”
- “分好几列的下拉导航”
- “电商网站的分类大菜单”
……它的名字是 大型下拉菜单（Mega menu）。
代码里叫什么
| Web (HTML / ARIA) | <nav> <button aria-expanded> 用展开收起（disclosure）模式，而不是 role="menu" |
|---|---|
| WordPress / Shopify | 由主题或插件提供，平台本身没有 |
| iOS / Android | 手机上没有对应组件：同样的链接放进菜单或抽屉，用可展开的分组 |
复制给 AI 编程工具
给这个网站的顶部导航加上大型下拉菜单：有子页面的每个一级菜单项都是带 aria-expanded 的按钮，点开后是通栏面板，链接按栏目分列并带小标题，可以加一张推荐卡片。点击或轻点打开（悬停打开要有短暂延迟），按 Esc、点击外部或焦点移出时关闭，所有链接都能用 Tab 键访问；窄屏上把它改成移动端菜单里可展开的分组。