DA2× Web Dev Glossary
第 1 類
版面結構
基礎後台管理系統各區塊的標準命名與佈局架構
頁首
Header
頁面最頂部容器，通常包含 Logo 與品牌名稱
頂部導覽列
Topbar / Navbar
固定在頂部的操作列，含搜尋、通知、使用者選單
側邊欄 / 選單
Sidebar / Navigation Menu
左側垂直導覽區，依業務優先序分組列出功能頁連結
Main Content Area
主內容區
Main Content Area
Sidebar 右側的主要工作區域，所有頁面功能都渲染在這裡
首頁›設定›使用者管理
麵包屑導航
Breadcrumb Navigation
顯示當前頁面在層級結構中的位置，如「首頁 › 設定 › 使用者」
選單分組標題
Menu Group Label
Sidebar 內用來分組功能的小標題，通常為全大寫灰色文字
工具列
Toolbar
表格或內容頂部的操作按鈕列，如「新增、篩選、匯出」
對話框
遮罩層使背景變暗並阻擋互動
遮罩層
Overlay / Backdrop
模態框開啟時，覆蓋在頁面背景上的半透明遮罩
把術語從入門學到專業
9 大分類・100+ 術語
開始學習英雄區塊
Hero Section
Landing Page 頂部大型視覺區塊，含標題、說明、CTA 按鈕
DA2 × Web Dev Glossary
© 2026 DA2 Studio · v2.0頁尾
Footer
頁面底部，通常含版權聲明、快速連結、版本號