術語對照表

完整的網頁開發術語中英文對照 — 快速查找任何你不確定的詞彙

共 100+ 個術語 · 可即時搜尋 · DA2 Studio

分類	術語	英文	說明
版面結構	頁首	Header	頁面最頂部容器，通常包含 Logo 與品牌名稱
版面結構	頂部導覽列	Topbar / Navbar	固定在頂部的操作列，含搜尋、通知、使用者選單
版面結構	側邊欄 / 選單	Sidebar / Navigation Menu	左側垂直導覽區，依業務優先序分組列出功能頁連結
版面結構	主內容區	Main Content Area	Sidebar 右側的主要工作區域，所有頁面功能都渲染在這裡
版面結構	麵包屑導航	Breadcrumb Navigation	顯示當前頁面在層級結構中的位置，如「首頁 › 設定 › 使用者」
版面結構	選單分組標題	Menu Group Label	Sidebar 內用來分組功能的小標題，通常為全大寫灰色文字
版面結構	工具列	Toolbar	表格或內容頂部的操作按鈕列，如「新增、篩選、匯出」
版面結構	遮罩層	Overlay / Backdrop	模態框開啟時，覆蓋在頁面背景上的半透明遮罩
版面結構	英雄區塊	Hero Section	Landing Page 頂部大型視覺區塊，含標題、說明、CTA 按鈕
版面結構	頁尾	Footer	頁面底部，通常含版權聲明、快速連結、版本號
導覽元件	頂部導覽列	Topbar	固定在頁面頂部，提供全域操作、搜尋與使用者入口
導覽元件	側邊欄	Sidebar	左側垂直導覽，依業務優先序分組，active 項目有強調色
導覽元件	麵包屑導航	Breadcrumb	顯示當前頁面在層級中的完整路徑，支援快速跳轉
導覽元件	分頁標籤	Tabs	在同一頁面切換不同視圖，通常搭配計數徽章
導覽元件	步驟條	Stepper	多步驟流程的進度指示，已完成/當前/待完成有不同樣式
導覽元件	下拉選單	Dropdown Menu	點擊後展開選項清單，支援分隔線與圖示
導覽元件	側拉抽屜	Drawer	從側邊滑入的面板，不完全遮擋頁面，常用於篩選
導覽元件	分頁器	Pagination	大量資料的頁碼控制，通常由伺服器端分頁提供
呈現元件	卡片	Card	帶圓角陰影的容器，由 header / body / footer 三區組成
呈現元件	KPI 卡片	KPI Card	單一指標的大數字展示，通常含趨勢箭頭與環比數據
呈現元件	表格	Table	結構化資料的標準呈現，含表頭、排序、狀態徽章
呈現元件	清單	List	垂直排列的項目群組，通常含頭像、標題與輔助資訊
呈現元件	徽章	Badge	小型狀態或分類標示，通常有成功/錯誤/警告/資訊四種語意
呈現元件	標籤 Chip	Chip	可顯示、可個別刪除的標籤元件，常用於多選輸入
呈現元件	頭像	Avatar	使用者或項目的圓形圖示，可堆疊顯示群組
呈現元件	時間軸	Timeline	按時間順序排列事件，通常用於操作歷史、活動記錄
呈現元件	折疊手風琴	Accordion	可展開 / 收合的內容區塊，減少視覺複雜度
呈現元件	模態框	Modal	覆蓋頁面的對話窗，用於表單輸入或確認操作，背景有遮罩
呈現元件	圖表	Chart	長條圖、折線圖、圓餅圖等，資料視覺化的核心元件
呈現元件	進度條	Progress Bar	視覺化百分比數值，可有多個不同顏色表達不同指標
呈現元件	骨架屏	Skeleton	資料載入中的佔位動畫，改善感知效能，避免佈局跳動
呈現元件	工具提示	Tooltip	Hover 時顯示的單行說明，提供額外資訊而不佔用空間
呈現元件	彈出框	Popover	點擊後顯示的富內容浮層，比 Tooltip 可包含更多資訊
表單元件	輸入框	Input Field	單行文字輸入，有焦點、錯誤、停用三種狀態
表單元件	多行輸入	Textarea	多行文字輸入，通常有字元計數與高度限制
表單元件	下拉選擇	Select	從固定選項清單選擇一項，需 accessible label
表單元件	標籤輸入	Tag Input	輸入後按 Enter 產生 chip，支援自動補全與即時建立新標籤
表單元件	核取方塊	Checkbox	可多選的布林選項，有選中、未選中、停用三種狀態
表單元件	單選按鈕	Radio Button	互斥的單選選項組，同組只能選一個
表單元件	切換開關	Toggle / Switch	開 / 關狀態切換，比 Checkbox 更直覺，常用於設定頁
表單元件	滑桿	Slider	拖曳選取數值範圍，通常搭配數字輸入框精確調整
表單元件	日期選擇器	Date Picker	日曆介面選擇日期，常見單選與區間（Range）兩種模式
表單元件	自動完成	Autocomplete	輸入時即時顯示候選建議，支援鍵盤上下鍵選擇
表單元件	檔案上傳	File Upload	支援點擊或拖曳，可顯示已上傳檔案預覽
表單元件	顏色選擇器	Color Picker	提供色板快選或 HEX/RGB 精確輸入
回饋互動	Toast 通知	Toast	短暫浮現後自動消失的非阻斷式訊息提示
回饋互動	提示區塊	Alert	嵌入頁面的靜態提示，帶左邊框強調色與對應 icon
回饋互動	確認對話框	Confirmation Dialog	危險操作前的二次確認視窗，禁止使用原生 confirm()
回饋互動	載入指示器	Loader / Spinner	非同步操作進行中的旋轉環形或跳動點狀動畫
回饋互動	空白狀態	Empty State	列表無資料時的引導頁面，通常含插圖與 CTA 按鈕
回饋互動	錯誤頁面	Error Page	404（不存在）/ 500（伺服器錯誤）的全頁面提示
回饋互動	行動呼籲按鈕	CTA Button	引導用戶執行關鍵行為的主按鈕，視覺上最突出
回饋互動	按鈕群組	Button Group	互斥選項連排的控制元件，常用於 Tab 篩選、視圖切換
回饋互動	自動關閉提示	Auto-Dismiss Alert	出現於畫面正中央、帶語意圖示與遮罩，並在設定秒數後自動關閉
分析追蹤	點擊數	Clicks	連結或元素被點擊的原始次數統計
分析追蹤	不重複訪客	Unique Visitors (UV)	去重後的獨立使用者數量
分析追蹤	瀏覽量	Page Views (PV)	頁面被瀏覽的累計次數
分析追蹤	跳出率	Bounce Rate	只瀏覽一頁即離開的訪客比例
分析追蹤	轉換率	Conversion Rate	完成目標行動（如購買）的訪客比例
分析追蹤	點閱率	Click-Through Rate (CTR)	廣告或連結曝光後被點擊的百分比
分析追蹤	歸因	Attribution	將成功轉換歸因到對應行銷管道的方法
分析追蹤	UTM 參數	UTM Parameters	追蹤廣告來源的 URL 附加參數
分析追蹤	漏斗分析	Funnel Analysis	分析從進入到轉換各步驟的流失率
分析追蹤	留存率	Retention Rate	使用者在指定時間後再次回訪的比例
分析追蹤	事件追蹤	Event Tracking	在程式中埋點記錄特定使用者互動行為
分析追蹤	熱圖	Heatmap	視覺化顯示頁面上點擊或捲動的熱區
分析追蹤	A/B 測試	A/B Testing	同時運行兩個版本比較效果的對照實驗
分析追蹤	歷史回溯	Data Backfill	補充或重跑歷史時段的資料分析
分析追蹤	儀表板	Dashboard	集中呈現關鍵指標與圖表的總覽頁面
分析追蹤	自訂維度	Custom Dimension	使用者自定義的分析分組維度
分析追蹤	埋點	Tracking Pixel / Gtag	在程式碼中插入追蹤程式碼的佈建動作
分析追蹤	來源管道	Traffic Source	流量進入的來源類型（自然/付費/社群等）
分析追蹤	轉換目標	Conversion Goal	預先定義的成功行為指標
分析追蹤	實時監控	Real-time Monitoring	即時查看流量與事件的動態儀表板
安全權限	身份驗證	Authentication	確認使用者是誰的流程，如帳號密碼、Token
安全權限	授權	Authorization	確認使用者能做什麼的存取控制流程
安全權限	角色權限控制	Role-Based Access Control (RBAC)	依角色（admin/user）分配系統存取權限
安全權限	JWT	JSON Web Token	包含使用者資訊的無狀態 Token，以 . 分三段編碼
安全權限	API 金鑰	API Key	識別 API 呼叫者身份的靜態密鑰字串
安全權限	OAuth 2.0	OAuth 2.0	允許第三方應用代理存取資源的授權框架
安全權限	CSRF 攻擊	CSRF (Cross-Site Request Forgery)	惡意網站偽造已登入使用者請求的攻擊
安全權限	XSS 攻擊	XSS (Cross-Site Scripting)	攻擊者向頁面注入惡意腳本的攻擊手法
安全權限	速率限制	Rate Limiting	限制單位時間內 API 請求次數，防止濫用
安全權限	HTTPS / TLS	HTTPS / TLS	傳輸層加密，防止中間人竊聽
安全權限	雜湊	Hashing	密碼單向加密，bcrypt 是常見雜湊演算法
安全權限	最小權限原則	Principle of Least Privilege	每個元件只賦予完成任務所需的最小權限
安全權限	審計日誌	Audit Log	記錄所有後台操作行為以供稽核
安全權限	白名單 / 黑名單	Whitelist / Blacklist	明確允許或拒絕特定來源或行為的名單機制
安全權限	雙因子驗證	Two-Factor Authentication (2FA)	登入時額外要求的第二層驗證（OTP/App）
資料後端	REST API	REST API	以 HTTP 動詞和資源路徑設計的 API 架構風格
資料後端	端點	Endpoint	API 的具體 URL 路徑，如 GET /api/users
資料後端	中介軟體	Middleware	請求到達路由前後執行的處理函式鏈
資料後端	ORM	Object-Relational Mapping	以物件操作資料庫，省去直接撰寫 SQL
資料後端	軟刪除	Soft Delete	不真正刪除資料，只標記 deleted_at 時間戳
資料後端	快取	Cache	將計算結果暫存，加速重複讀取的速度
資料後端	佇列	Queue	非同步任務排隊執行，避免阻塞主執行緒
資料後端	Webhook	Webhook	事件觸發時主動推送 HTTP 請求至指定 URL
資料後端	分頁	Pagination	大量資料分批讀取，避免一次傳輸過多
資料後端	資料遷移	Database Migration	資料庫結構版本管理，確保更新可重現
資料後端	Seed 資料	Seed Data	開發與測試用的初始化預設資料
資料後端	索引	Index	提升資料庫查詢速度的輔助資料結構
資料後端	環境變數	Environment Variables	不同部署環境的敏感設定，存於 .env 檔
資料後端	CORS	CORS (Cross-Origin Resource Sharing)	控制跨來源請求的瀏覽器安全機制
資料後端	健康檢查	Health Check	監控服務存活的 /health 端點
資料後端	冪等性	Idempotency	相同請求重複執行不改變最終結果的特性
資料後端	GraphQL	GraphQL	查詢語言，允許客戶端精確指定需要的資料欄位
資料後端	速率限制	Rate Limiting	限制 API 請求頻率，防止濫用和 DDoS
資料後端	版本控制	API Versioning	支援舊 API 版本，同時提供新版本的設計方式
系統功能	通知系統	Notification System	Email、Webhook 等通知發送機制
系統功能	排程任務	Cron Job	定時自動執行的背景任務
系統功能	備份與還原	Backup & Restore	定期匯出資料庫快照，發生事故時可還原
系統功能	CI/CD	CI/CD Pipeline	自動化測試與部署流水線，push 後自動跑測試、部署
系統功能	容器化	Containerization	將應用與依賴打包進 Docker 映像，確保環境一致
系統功能	反向代理	Reverse Proxy	Nginx/Caddy 代理接收請求並轉發至後端，同時處理 SSL
系統功能	負載均衡	Load Balancing	將流量分散到多個後端實例，避免單點過載
系統功能	錯誤追蹤	Error Tracking	自動收集 Exception，彙整堆疊追蹤協助定位 Bug
系統功能	系統設定	System Configuration	儲存在資料庫或設定檔的可變參數
系統功能	功能開關	Feature Flag	透過設定值動態開啟或關閉功能，不需重新部署
系統功能	SSE / WebSocket	Server-Sent Events / WebSocket	即時雙向或單向推送技術
系統功能	維護模式	Maintenance Mode	系統更新期間暫停對外服務，顯示維護頁面
系統功能	短網址	URL Shortener	將長網址轉為短代碼，點擊後重定向
系統功能	重定向	Redirect (301/302)	301 永久重定向（瀏覽器快取），302 臨時重定向
系統功能	爬蟲識別	Bot Detection	透過 User-Agent 識別 Facebook、LINE 爬蟲
系統功能	OG 標籤	Open Graph Meta Tags	設定於 head 的 meta 標籤，控制社群媒體分享預覽
系統功能	License 授權	License Key	定義軟體使用條款，商業軟體常用 License Key 機制
系統功能	SaaS	Software as a Service	軟體以雲端訂閱方式交付，按月/年付費即可使用
系統功能	白標	White Label	去除原廠品牌，讓客戶以自己的 Logo 重新包裝販售
系統功能	落地頁	Landing Page	廣告連結的目標頁，專為最大化特定轉換設計
系統功能	監控告警	Monitoring & Alerting	24/7 監控系統效能，異常自動告警通知
系統功能	日誌彙總	Log Aggregation	多台機器的日誌統一收集至中央系統便於查詢
系統功能	性能優化	Performance Optimization	減少載入時間、優化資料庫查詢、減少頻寬等

💡 不確定某個術語在哪個分類？用上面的搜尋找到後，點進對應的分類查看詳細說明和相關術語。