導覽詞條 2-49
導覽列Navbar
也常叫做：導覽欄、Navigation Bar、網站標頭（Header，常一起講）
你可能會這樣說
網站最上面那條放商標和選單的橫條——我想做捲動的時候一直浮在最上面的那種。
白話解釋
導覽列是網站最上面那條指路牌：商標、主要分頁、搜尋、會員按鈕都在這。它是全站使用率最高的一條元件——因為不管讀到哪，想換地方都得靠它。
它的兩種存在方式：一般的（捲走了就消失）和黏著的（Sticky，捲到天涯海角都貼在螢幕頂）。內容多的網站適合黏著，一頁式網站通常不用。手機上它會收成「三條線」漢堡選單（☰）。
跟 AI 協作時，最值得交代的三件事：目前所在的分頁要高亮（使用者才知道自己在哪）；項目名稱要短（四個字內）；手機版展開的選單要真的能關（點選單外、再點一次 ☰）。導覽列是網站的門面，壞一個功能等於全站迷路。
親手試試
首頁
捲動這個區塊，注意上面的導覽列黏在頂端不走。
內文僅供填充。往下捲，隨便捲。
padding 很長是正常的。
課程
點上面的「課程」，畫面會跳到這裡，同時選單高亮換位置——你永遠知道自己在哪一頁。
定價
所在頁面有底線或變色，是導覽列最基本的禮貌。
常見問題
到手機上，這整條會收進 ☰ 漢堡選單裡——記得要能關。
試試：在內文裡上下捲動（導覽列黏住）；點選單項目（跳到該段＋高亮）。
別搞混
導覽列、頁尾、麵包屑都在「指路」，但位置和任務不同。
導覽列 Navbar
全站等級的主要道路：首頁、商品、關於我們。放最上面，永遠找得到。去大地方靠它。
麵包屑 Breadcrumb
你走過的足跡：首頁／3C／筆電／這一台。告訴你在階層裡的哪一層，能一鍵退回上層。內容深的網站才需要。
頁尾 Footer
次要道路和雜物間：隱私權政策、聯絡資訊、社群連結。放最下面，想找細節的人會去。
這樣對 AI 說
中文就可以
請幫我做網站的導覽列： 1. 左邊放商標文字（點了回首頁），右邊四個分頁：首頁、課程、定價、常見問題，外加一個「登入」按鈕。 2. 導覽列要黏在最上面（捲動時跟著），背景半透明加模糊。 3. 現在所在的分頁要有底線或顏色變化，讓人一眼看出在哪頁。 4. 手機上收成漢堡選單，點開是全寬選單，點項目、點選單外或再點漢堡都要能關。 5. 選單文字四個字以內，不用下拉子選單。
「所在頁面要高亮」和「手機選單要能關」——沒講這兩句，AI 交來的導覽列都只有長相。