我们希望帮助您构建美观、易于访问、快速且安全的网站，让您的所有用户都能在各种浏览器中使用。本网站汇集了各种内容，可帮助您在 Web 开发之旅中取得成功。这些内容由 Chrome 团队成员和专门研究无障碍功能、性能、设计等 Web 开发主题的外部专家撰写。
探索旨在帮助您了解 AI 并利用 AI 构建高性能的 Web 优先体验的资源。
了解详情
Interaction to Next Paint (INP) 现已成为 Core Web Vitals 指标。开始衡量和优化您网站的 INP。
了解详情
了解身份验证和付款处理方面的最新功能和最佳实践。
了解详情

探索 Web 平台

开始浏览
Web 平台是一个不断发展的生态系统，其中包含各种浏览器功能和 API，可供开发者打造易于使用且令人愉悦的网站。这些页面是您在 web.dev 上深入了解 Web 平台各个部分的途径，您可以按照自己的节奏学习。
HTML 是 Web 的文档层，为网页提供结构和语义。
了解详情
CSS 是 Web 的展示层，可让您将网页的外观设计得完全符合您的想象。
了解详情
JavaScript 可为网页添加丰富的互动功能，因此您可以构建有助于用户完成任务和实现目标的网站。
了解详情

了解 Web 平台

开始学习
刚开始接触 Web 平台？我们为您考虑周全！深入了解每个层，课程专门为 HTML、CSS 和 JavaScript 初学者量身打造。
课程
为开发者（从新手到专家级的 HTML）提供可靠的 HTML 概览。
开始学习课程
课程
CSS 指南，其中包含的模块涵盖从无障碍功能到 Z-index 的所有内容。
开始学习课程
课程
有关 JavaScript 基础知识的深入课程。
开始学习课程
请阅读我们的博客，了解 Web 开发方面的最新资讯，包括新的 Web 平台功能、Baseline 更新、AI、Core Web Vitals 等。
阅读博客

基准

及时了解 Baseline 的最新动态和资讯。
详细了解 Baseline
了解 2026 年 3 月期间 Baseline 的各种活动。
了解 2026 年 2 月期间 Baseline 的各种活动。
了解 2026 年 1 月 Baseline 的各种动态。
了解 2025 年 12 月 Baseline 的各种动态。

CSS 和界面设计

立即了解最新的技巧和技巧，以便在工作中使用。
探索 CSS
您可以根据用户的偏好调整字体，让用户在阅读您的内容时感到满意。
现在，所有主流引擎均支持新的 CSS 颜色空间和函数。了解它们如何能为您的设计注入活力。
使用源代码映射改善 Web 调试体验。
现在，Subgrid 可在所有三大引擎上互操作。了解如何使用该功能。

Core Web Vitals

了解核心网页指标和其他指标，构建速度更快的网站和应用。
探索核心网页指标
一系列最佳实践，可根据网络状态优化网站的 Core Web Vitals 性能。
了解如何针对 Interaction to Next Paint 指标进行优化。
除了优化图片之外，还可以考虑 Time to First Byte 和资源加载延迟等因素，从而打破关于优化 Largest Contentful Paint 的常见误解。
有关如何快速可靠地收集和报告 Web Vitals 的指南。

渐进式 Web 应用

打造出色的 Web 体验。
详细了解 PWA
这门课程全面讲解了现代渐进式 Web 应用开发的各个方面。
现在，Safari、Firefox 和 Chrome 已经支持转换流，它们终于可以正式推出。
深入探索适用于优质应用的丰富新模式，包括剪贴板模式、文件格式和高级应用模式。
在 Chrome 开发者网站上，探索 Capabilities API。

人人皆可访问

了解如何让残障人士（无论是永久性的、暂时的还是情境式的）更方便地访问您的网站。
详细了解无障碍功能
我们的新课程是无障碍主题的绝佳入门和参考。
简要介绍用于测试和验证设计的无障碍色彩对比度的三种工具和技术。
本教程介绍了如何构建网站的无障碍主导航。您将了解语义 HTML、无障碍功能，以及如何使用 ARIA 属性有时弊大于利。
欢迎阅读我们对专注于数字无障碍功能的软件工程师 Melanie 的采访内容。

付款和身份

了解付款方面的最新技巧和最佳做法，以便帮助用户安全地登录您的网站和应用。
详细了解身份
通行密钥使用户帐号更加安全、更简单、更易于使用。
打造使用通行密钥的登录体验，同时仍允许现有的密码用户登录。
详细了解网络付款及其工作原理。
帮助用户尽可能快速轻松地填写地址和付款表单，尽可能提高转化次数。

开发者简报

您可以直接在收件箱中查看最新资讯、技巧和动态。