Web 开发者指南
MDN Web Docs 上有许多指南，通过实际示例教您如何使用各项功能或 API。本页面精选了一些最受欢迎、以目标为导向的学习材料。
HTML
- 使用 HTML 构建 Web
-
HTML 学习区提供教程，帮助您从零开始学习 HTML。
- HTML 基础
-
本文档将帮助您对 HTML 有基本的了解。学习完本指南后，您可以进一步探索 HTML 学习区中的内容。
CSS
- 学习使用 CSS 样式化 HTML
-
我们完整的 CSS 教程，将带您从入门开始，学习文本样式、创建布局等。
- CSS 布局指南
-
MDN 上有大量的 CSS 布局指南，本页面将它们全部汇集在一起。
- 使用 CSS 动画
-
CSS 动画可以实现从一种 CSS 样式配置到另一种的过渡动画。本指南将帮助您入门动画属性。
JavaScript
- JavaScript 学习区
-
无论您是完全的初学者，还是希望巩固技能，这里都是您的起点。
媒体
- 音频和视频传输
-
我们可以在 Web 上通过多种方式呈现音频和视频，从“静态”媒体文件到自适应直播流。本文档旨在作为探索各种基于 Web 的媒体交付机制以及与流行浏览器兼容性的起点。
- 音频和视频操作
-
Web 的魅力在于您可以组合不同的技术来创造新的形式。浏览器中原生的音频和视频意味着我们可以将这些数据流与诸如
<canvas>、WebGL 或 Web Audio API 等技术结合使用，直接修改音频和视频，例如为音频添加混响/压缩效果，或为视频添加灰度/棕褐色滤镜。本文档提供了一个参考，解释您需要做什么。
API
- 使用 FormData 对象
-
FormData对象允许您编译一组键值对，以便使用fetch()发送。它主要用于发送表单数据，但也可以独立于表单来传输键控数据。其传输格式与表单的submit()方法在设置表单的编码类型为“multipart/form-data”时发送数据所使用的格式相同。 - 渐进式 Web 应用
-
渐进式 Web 应用（PWA）使用现代 Web API 和传统的渐进增强策略来创建跨平台 Web 应用。这些应用在任何地方都能运行，并提供多种功能，使其拥有与原生应用相同的用户体验优势。本套指南将告诉您有关 PWA 的所有知识。
- 解析和序列化 XML
-
Web 平台提供了不同的 XML 解析和序列化方法，各有优缺点。
性能
- 优化与性能
-
在构建现代 Web 应用和网站时，让您的内容快速高效地运行非常重要。这可以确保其在强大的桌面系统和性能较弱的手持设备上都能有效运行。
移动 Web 开发
- 学习：响应式设计
-
本文档概述了设计适用于移动设备的网站所需的一些主要技术。
字体
- 可变字体指南
-
了解如何在设计中使用可变字体。
- Web 开放字体格式 (WOFF)
-
WOFF（Web Open Font Format）是一种任何人都可以免费在 Web 上使用的字体文件格式。
用户界面开发
- 用户输入方法和控制
-
用户输入不仅仅包括鼠标和键盘：例如，还可以考虑触摸屏。本文档提供了关于管理用户输入和在开放 Web 应用中实现控件的建议，以及常见问题解答、实际示例和进一步信息的链接，供任何需要更详细了解底层技术的人员参考。