導覽詞條 2-54

漢堡選單Hamburger Menu

也常叫做：漢堡按鈕、三條線選單、Hamburger

你可能會這樣說

手機版網站右上角三條線，點下去導覽選單才展開——因為長得像漢堡，所以叫漢堡選單。

漢堡選單是右上角三條線的按鈕，點了才展開導覽，在手機上幫你省下大量空間。

它最大的爭議是把內容藏起來，有人就是找不到；所以重要功能（像購物車）常另外留在選單外面。

跟 AI 說「手機版導覽收進漢堡選單，桌機維持一整排」這樣描述就夠了。

hill.example.com

把手機視窗縮小，導覽列就會收進 ☰ 裡——記得要能關。

展開後的選單要能點項目、點外面、再點一次 ☰ 關掉。

手機上的選單項目高度至少 44px，好按不誤觸。

試試：上下捲動（導覽列黏住）；點選單（跳到該段＋高亮）。

圖 2-54　捲動內容，點選單跳段落。

中文就可以

導覽列在手機版收成右上角的漢堡按鈕。
點了從右側滑出選單，背景加半透明遮罩。
選單項目直向排列，目前所在頁面高亮。
桌機版維持完整一排選單，不出現漢堡按鈕。