我們希望協助您打造美觀、無障礙、快速且安全的網站，讓所有使用者都能在不同瀏覽器中存取。這個網站提供的內容可協助您完成這項任務，內容由 Chrome 團隊成員和專精於網站開發主題 (例如無障礙、效能、設計等) 的外部專家撰寫。
探索這些資源，瞭解如何運用 AI 打造高效的網頁優先體驗。
瞭解詳情
Interaction to Next Paint (INP) 現已成為 Core Web Vitals 指標。開始評估及改善網站的 INP。
瞭解詳情
瞭解身分和付款處理作業的最新功能和最佳做法。
瞭解詳情

探索網路平台

開始探索
網路平台是持續發展的生態系統，提供各種瀏覽器功能和 API，方便開發人員打造簡單好用的網站。這些頁面是路徑，可讓您在 web.dev 上以自己的步調深入瞭解網頁平台的各個部分。
HTML 是網際網路的文件層，可為網頁提供結構和語意。
瞭解詳情
CSS 是網頁的呈現層，可讓您將網頁設計成心目中的樣子。
瞭解詳情
JavaScript 可為網頁加入豐富的互動功能，因此您能建構網站，協助使用者執行工作及達成目標。
瞭解詳情

瞭解網路平台

開始學習
剛開始接觸網路平台嗎？沒問題，我們都準備好了！深入瞭解各個層面，並透過專為 HTML、CSS 和 JavaScript 初學者設計的課程，打下紮實基礎。
課程
為開發人員提供詳盡的 HTML 總覽，從新手到專家的 HTML 一應俱全。
開始上課
課程
CSS 指南：包含無障礙功能、Z-index 等各種主題的 CSS 指南。
開始上課
課程
深入學習 JavaScript 基本概念。
開始上課
請參閱我們的網誌，瞭解網頁開發的最新消息，包括新的網頁平台功能、Baseline 更新、AI、Core Web Vitals 等。
閱讀網誌

基準主題

如要掌握 Baseline 的最新消息和更新，請參閱下文。
更多關於 Baseline 的資訊
請參閱 2026 年 3 月的 Baseline 相關活動。
請參閱 2026 年 2 月的 Baseline 最新動態。
請參閱 2026 年 1 月的 Baseline 相關動態。
請參閱 2025 年 12 月的 Baseline 相關動態。

CSS 和使用者介面設計

立即瞭解工作適用的最新秘訣和技巧。
探索 CSS
根據使用者偏好調整字型，讓使用者充分舒適地閱讀內容。
所有主要引擎現在都支援新的 CSS 色彩空間和函式。瞭解如何透過這些設計，讓自己的設計看起來更加鮮豔。
使用來源對應改善網路偵錯體驗。
Subgrid 現可在這三大主要引擎中互通。一探究竟。

Core Web Vitals

瞭解網站體驗核心指標和其他指標，加快網站和應用程式的建構速度。
探索網站體驗核心指標
根據網路狀態，提供一系列最佳做法，協助您提升網站的網站體驗核心指標成效。
瞭解如何改善「與下一個顯示的內容互動」指標。
除了圖片最佳化，您也可以考慮首次待處理時間和資源載入延遲等因素，進一步瞭解最佳化最大內容繪製的常見誤解。
提供快速且可靠地收集及回報 Web Vitals 的指引。

漸進式網頁應用程式

打造優質網路體驗。
進一步瞭解 PWA
此課程會剖析現代漸進式網頁應用程式開發作業的各個層面。
如今，Safari、Firefox 和 Chrome 都支援轉換串流。現在，這些轉換都已準備好使用。
探索一系列精彩的應用程式新模式，包括剪貼簿模式、檔案模式和進階的應用程式模式。
前往 Chrome 開發人員網站，探索各項功能 API。

所有人都能存取

瞭解如何讓身心障礙者更容易存取您的網站，無論是永久性、暫時性或臨時的設定皆適用。
更多無障礙功能相關資訊
我們的新課程是絕佳的進入點，也是無障礙主題的參考資源。
概略說明三種工具和技術，用於測試及驗證設計的無障礙設計色彩對比。
本教學課程說明如何建立網站易於存取的主要導覽功能。你會瞭解語意式 HTML 和無障礙功能，以及使用 ARIA 屬性有時對使用者造成的傷害。
歡迎閱讀我們與專門從事數位無障礙功能的軟體工程師 Melanie 的訪談。

付款與身分

瞭解最新付款技術和最佳做法，並協助使用者安全地登入網站和應用程式。
進一步瞭解身分
密碼金鑰可讓使用者帳戶更安全、易用。
建立使用密碼金鑰的登入體驗，同時沿用現有的密碼使用者。
進一步瞭解網頁付款功能及其運作方式。
幫助使用者盡快輕鬆地完成地址和付款表單，盡量爭取轉換。

開發人員電子報

直接透過電子郵件取得最新消息、技術資訊和最新消息。