站点域名：developer.mozilla.org
站点标题：MDN Web Docs - 权威Web开发文档库
站点关键：MDN,Web Docs,JavaScript文档,CSS参考,Web API
站点描述：MDN Web Docs 是由 Mozilla 主导、社区维护的 Web 开发文档库，系统收录 HTML、CSS、JavaScript 与各类浏览器 API 的规范说明、示例和兼容性数据，适合需要准确答案的前端开发者和想打牢基础的学习者。
推荐理由：它的内容紧贴 Web 标准，由浏览器厂商和社区共同校对，准确度在同类文档里口碑很好。每个 API 页面都附带浏览器兼容性表格和可交互示例，并提供学习区，从概念讲到实践，既能查又能学。
适用场景：• 使用某个新的 CSS 属性或 JS 方法前，确认参数含义和浏览器支持情况；• 排查跨浏览器 Bug 时查阅规范行为与已知差异；• 按学习区路线系统补齐 HTTP、无障碍、表单等 Web 基础。
前端开发者的“标准说明书”
MDN 全称 Mozilla Developer Network，现在叫 MDN Web Docs。它最早是 Firefox 背后的 Mozilla 为开发者准备的文档站，后来逐渐成为整个 Web 行业共同参考的资料库，多家浏览器厂商和大量志愿者参与编写与校对。文档源码托管在公开仓库中，任何人都可以提交修正。和一般教程站不同，MDN 的写法更接近规范解读：一个方法接收什么参数、返回什么、在什么情况下抛错，都写得清清楚楚。
几块最常用的内容
参考文档
HTML 元素、CSS 属性与选择器、JavaScript 内置对象、DOM 与各类 Web API（Fetch、Service Worker、WebSocket、Canvas 等）都有独立页面。页面通常包括语法、参数说明、示例、规范链接和浏览器兼容性表格。
学习区
针对入门者的 Learn 板块按主题编排，从“网页是怎么工作的”讲到表单、布局、可访问性和前端框架入门，每节配有练习任务，适合当成一套免费课程来学。
HTTP 与安全
HTTP 状态码、请求头、CORS、内容安全策略等内容讲得很细，后端开发者配置服务器时也经常用到。
一个典型的查询流程
假设你想在项目里用 CSS 的 :has() 选择器：先在 MDN 搜索该选择器，阅读语法与示例，理解它的匹配规则；接着拉到页面底部看兼容性表格，确认目标用户使用的浏览器版本是否支持；如果需要兼顾旧浏览器，再根据“另请参阅”里的链接寻找替代写法。整个过程十几分钟就能完成，结论也有据可查。
使用前要知道的几点
MDN 免费开放，无需注册即可阅读。站点提供包括简体中文在内的多语言版本，但中文翻译由社区维护，部分页面会落后于英文原文或者尚未翻译，遇到关键细节时建议切换到英文版核对。国内一般可以直接访问，个别时段加载可能偏慢。对完全零基础的读者来说，参考文档的术语密度较高，最好先从学习区读起。
同类与搭配
想要更快速地确认某个特性的浏览器支持度，可以配合Can I use，它的兼容性数据展示更直观。需要在一个界面里离线检索多种语言和框架的文档，可以试试DevDocs，它也收录了 MDN 的内容。如果只是想要一份更浅显的中文入门材料，菜鸟教程会更容易上手。
