MDN Web Docs

MDN Web Docs 是一套面向开放 Web 技术的免费文档和学习资源。它把 HTML、CSS、JavaScript、Web API、无障碍、性能与安全等主题放在同一个体系里，既能带初学者完成第一个网站，也方便已经在写代码的人核对语法、示例和浏览器兼容性。

这套资源由 Mozilla Corporation 拥有并由 Mozilla 的 MDN 团队负责方向，全球贡献者和合作伙伴共同维护。简体中文学习区已经覆盖入门、核心和扩展模块。部分页面仍会晚于英文版更新，读者碰到版本差异时可以切换语言对照。

核心信息

能学到什么

先把网页做出来。入门模块从安装浏览器和代码编辑器讲起，接着安排文件、命令行、Web 工作方式和第一个网站。完全没有编程经验的人可以先走这一段，学到的每个概念都能落到一份可打开的网页上。

建立前端基本功。核心模块围绕语义化 HTML、CSS 布局、JavaScript、无障碍、设计基础和版本控制展开。它把现代前端开发需要长期使用的底层知识放在框架之前，适合用来补齐自学中容易跳过的部分。

学会查文档解决问题。MDN 的技术参考页通常会给出定义、语法、示例、规范链接和兼容性数据。读者可以用 Playground 修改示例，再回到自己的项目复现。这个过程比背诵整页 API 更适合日常开发。

适合谁，需要什么基础

• 完全初学者 可以从环境搭建和第一个网站开始。需要会使用电脑文件系统，并准备浏览器和代码编辑器。
• 高校学生和转岗学习者 可以按课程框架检查 HTML、CSS、JavaScript、无障碍和版本控制的知识缺口。
• 教师和培训者 可以把课程框架当作教学目标参考，再根据班级情况补练习和评价标准。
• 已有经验的开发者 适合把 MDN 当作查阅手册，重点查看规范状态、浏览器兼容性、限制和示例。

快速开始

1. 打开简体中文学习区。零基础先进入入门模块，已经写过网页的人可直接查看核心模块。
2. 准备一个练习文件夹，每完成一小节就保存一份可运行的 HTML、CSS 或 JavaScript 示例。
3. 遇到陌生属性或 API 时，用页面标题和准确关键词搜索，先读语法、示例、限制和兼容性表。
4. 把示例放进 Playground 或本地编辑器，只改一个变量并观察结果，随后写下自己能复现的结论。
5. 每周用课程目录检查一次进度，把还没理解的主题放回下一周计划。

学习建议

初学阶段可以按入门、核心、扩展的顺序走，每次学习控制在一个清楚的目标内。读完选择器以后就给页面改样式，读完函数以后就写一个能接受参数并返回结果的小例子。页面数量很大，按目录从头读到尾很容易失去进度感。

查资料时先看页面状态和兼容性表，再复制示例。实验性能力、废弃接口和不同浏览器实现差异都会改变项目选择。中文页面若缺少段落或更新时间较早，可以切换英文版对照，并把关键术语保留成英文，后续搜索会更准确。

免费与版权说明

MDN Web Docs 的核心文档和学习内容可免费访问。官方课程框架把自身标为免费、自定进度和初学者级别。MDN Plus 是单独的付费订阅服务，提供 AI 辅助、收藏等个性化功能。页面中出现的 Scrimba 等合作课程由第三方运营，免费范围、账号要求和收费方式需要到对应平台另行核对。

MDN 文档在没有另行标注时采用 Creative Commons Attribution-ShareAlike 2.5 或更高版本，复用时需要注明具体页面、Mozilla Contributors、许可和修改情况。代码示例可能采用 CC0 或 MIT，官方说明目前无法仅从新平台页面判断每个旧示例的具体批次，二次发布时应保留原页面链接并逐项核对。

本文 Logo 取自 MDN 官方站点的社交分享图，只用于真实识别并链接到 MDN 服务。Mozilla 商标规则允许在视觉材料中这样引用其服务器上的对应服务，同时要求保持原样并给出商标归属。MDN 是 Mozilla Foundation 在美国及其他国家的商标。

使用前注意

• 简体中文覆盖范围已经很广，个别页面仍可能缺少翻译或晚于英文版更新。涉及新 API 时应查看英文页和页面更新时间。
• MDN 学习区会推荐合作方课程和外部资源。站外服务的价格、广告、账号和隐私规则不属于 MDN 核心免费范围。
• 官方学习区的目标是帮助初学者达到能够继续使用进阶资源的程度，没有承诺证书、考试结果或就业结果。
• 基础浏览不要求登录。注册、订阅或提供反馈时会涉及账号、Cookie、设备信息、IP 地址和网站分析，使用前可以查看 Mozilla 网站隐私说明和遥测设置。
• 浏览器兼容性数据适合做技术选型参考，正式上线前仍应在目标浏览器和真实设备上测试。