index.md

---
title: Web 开发者指南
slug: Web/Guide
---

<section id="Quick_links">
  {{ListSubpagesForSidebar("/zh-CN/docs/Web/Guide")}}
</section>

MDN 文档中有大量的指南，这些文章意在增加用例，或教你如何使用 API 接口或特性。此页面将提供到一些最流行的阅读材料的链接。

## HTML

- [使用 HTML 构建网页](/zh-CN/docs/Learn/HTML)
  - : HTML 学习区会提供从头开始的 HTML 学习教程。
- [HTML 基础](/zh-CN/docs/Learn/Getting_started_with_the_web/HTML_basics)
  - : 这篇文章将会让你对 HTML 有一个基本的了解。在遵循本指南后，你可以进一步探索 HTML 学习区的资料。

## CSS

- [学习使用 CSS 给 HTML 添加样式](/zh-CN/docs/Learn/CSS)
  - : 我们完整的 CSS 指南将带你从头开始，学习如何给文字添加样式、创建布局等更多内容。
- [CSS 布局指南](/zh-CN/docs/Web/Guide/CSS/CSS_Layout)
  - : MDN 上包含了很多有关 CSS 布局的指南，这个页面将它们收集到了一起。
- [使用 CSS 动画](/zh-CN/docs/Web/CSS/CSS_animations/Using_CSS_animations)
  - : CSS 动画使得从一个 CSS 样式配置到另一个样式配置的动画过渡成为可能。本指南将帮助你开始使用动画属性。

## JavaScript

- [JavaScript 学习区](/zh-CN/docs/Learn/JavaScript)
  - : 无论是完全的初学者，还是希望提升你的技能，这里都是好的开始。

## 媒体

- [音视频传输](/zh-CN/docs/Web/Guide/Audio_and_video_delivery)
  - : 我们可以通过多种方式在 Web 上传递音频和视频，从“静态”媒体文件到自适应实时流。本文旨在作为探索基于网络的媒体的各种传输机制以及与流行浏览器的兼容性的起点。
- [音视频操作](/zh-CN/docs/Web/Media/Audio_and_video_manipulation)
  - : Web 的魅力在于你可以结合各种技术来创造新的形式。在浏览器中拥有原生音频和视频意味着我们可以使用这些诸如 {{htmlelement("canvas")}}、[WebGL](/zh-CN/docs/Web/API/WebGL_API) 或 [Web 音频 API](/zh-CN/docs/Web/API/Web_Audio_API) 的数据流技术来直接修改音视频，例如向音频添加混响或压缩效果，或向视频添加灰度或褐色滤镜。本篇文章提供了一个参考，解释了你需要做些什么。

## API 接口

- [表单数据对象](/zh-CN/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects)
  - : [`FormData`](/zh-CN/docs/Web/API/FormData) 对象允许你配置一组键值对并通过 `XMLHttpRequest` 发送它们。虽然它主要用来发送表单数据，但它也可以独立地用于传输其他带键值的数据。若将表单的编码类型设置为“multipart/form-data”，则传输的格式与表单的 `submit()` 方法用于发送数据的格式相同。
- [渐进式 Web 应用](/zh-CN/docs/Web/Progressive_web_apps)
  - : 渐进式 Web 应用（PWA）通过使用现代 Web API 和传统的渐进式策略来开发跨平台的 Web 应用程序。这些应用程序可以在任何设备上运行并提供接近原生应用程序的体验。这是一些教程来告诉你一些你需要知道的关于 PWA 的知识。
- [XML 解析和序列化](/zh-CN/docs/Web/XML/Parsing_and_serializing_XML)
  - : Web 平台提供了解析和序列化 XML 的不同方法，每种方法都有其优点和缺点。

## 性能

- [优化和性能](/zh-CN/docs/Web/Performance)
  - : 在开发现代网络站点及应用时，使内容加载迅速高效很重要。这篇文章将会帮助你在桌面系统和手持设备上都可以提高效率。

## 字体

- [可变字体指南](/zh-CN/docs/Web/CSS/CSS_fonts/Variable_fonts_guide)
  - : 了解如何在你的设计中使用可变字体。
- [网络开放字体格式（WOFF）](/zh-CN/docs/Web/CSS/CSS_fonts/WOFF)
  - : WOFF（网络开放字体格式）是在网络上开放给任何人免费使用的字体文件格式。

## 用户界面开发

- [用户输入和控制](/zh-CN/docs/Web/Guide/User_input_methods)
  - : 现代 Web 用户输入已经超越了简单的鼠标和键盘：例如，他们在使用触摸屏。本文提供了管理用户输入和在开放网络应用中实现控制的建议，以及常见问题解答、真实世界的例子，并为需要更多底层技术详细信息的人提供了进一步的信息链接。