我們希望協助您打造美觀、無障礙、快速且安全的網站，讓所有使用者都能在不同瀏覽器中存取。這個網站提供的內容可協助您完成這項任務，內容由 Chrome 團隊成員和專精於網站開發主題 (例如無障礙、效能、設計等) 的外部專家撰寫。
Web Platform Baseline 會清楚說明瀏覽器支援的網站平台功能，讓您瞭解哪些網站平台功能可立即在專案中使用。閱讀 web.dev 上的文章時，如果使用的功能都屬於基準層級，您可以放心，瀏覽器的相容性會維持在一定水準。
瞭解詳情
探索這些資源，瞭解如何運用 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 等更新。請參閱我們的網誌，隨時掌握最新消息。
閱讀網誌

CSS 和使用者介面設計

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

Core Web Vitals

瞭解網站體驗核心指標和其他指標，加快網站和應用程式的建構速度。
探索網站體驗核心指標
「與下一個繪製內容互動」功能將正式成為 Core Web Vitals，將於 3 月 12 日取代首次輸入延遲時間。
瞭解如何改善「與下一個顯示的內容互動」指標。
根據網際網路狀態，收集最佳化網站 Core Web Vitals 成效的最佳作法
除了圖片最佳化之外，請瞭解有關最佳化最大內容繪製 (LCP) 的常見迷思，並考量第一個位元組時間 (TTFB) 和資源載入延遲等因素。

漸進式網頁應用程式

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

所有人都能存取

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

付款與身分

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

開發人員電子報

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