开发者指南

MDN 文档中包含大量指南。这些文章旨在添加额外的使用示例,或教你如何使用 API 或功能。此页面链接到一些最受欢迎的资料。

HTML

使用 HTML 构建网页

HTML 学习区域提供教程,帮助你从头开始学习 HTML。

HTML 基础

本文将帮助你了解 HTML 的基础知识。阅读完本指南后,你可以进一步探索 HTML 学习区域中的资料。

CSS

学习使用 CSS 样式化 HTML

我们的完整 CSS 教程,带你从入门到样式化文本、创建布局等等。

CSS 布局指南

MDN 中有大量关于 CSS 布局的指南,此页面将它们全部收集在一起。

使用 CSS 动画

CSS 动画使你能够将从一个 CSS 样式配置过渡到另一个 CSS 样式配置的过程进行动画化。本指南将帮助你开始使用动画属性。

JavaScript

JavaScript 学习区域

无论你是完全新手,还是希望复习你的技能,这里都是你的起点。

媒体

音频和视频交付

我们可以在 Web 上通过多种方式交付音频和视频,从“静态”媒体文件到自适应直播流。本文旨在作为探索基于 Web 的媒体的各种交付机制以及与流行浏览器的兼容性的起点。

音频和视频操作

Web 的魅力在于你可以组合技术来创建新的形式。在浏览器中拥有原生音频和视频意味着我们可以将这些数据流与 <canvas>WebGLWeb Audio API 等技术结合起来,直接修改音频和视频,例如为音频添加混响/压缩效果,或为视频添加灰度/棕褐色滤镜。本文提供参考来解释你需要做什么。

API

使用 FormData 对象

FormData 对象允许你编译一组键值对,以便使用 fetch() 发送。它主要用于发送表单数据,但可以独立于表单使用以传输键控数据。传输采用与表单的 submit() 方法在表单的编码类型设置为“multipart/form-data”时发送数据相同的格式。

渐进式 Web 应用

渐进式 Web 应用 (PWA) 使用现代 Web API 以及传统的渐进增强策略来创建跨平台 Web 应用程序。这些应用程序可以在任何地方运行,并提供一些功能,使其具有与原生应用程序相同的用户体验优势。这套指南介绍了你需要了解的关于 PWA 的所有内容。

解析和序列化 XML

Web 平台提供了不同的解析和序列化 XML 的方法,每种方法都有其优缺点。

性能

优化和性能

在构建现代 Web 应用和网站时,让你的内容快速有效地工作非常重要。这使其能够在强大的台式机系统和较弱的便携式设备上有效地运行。

移动 Web 开发

移动 Web 开发

本文概述了一些在移动设备上良好运行的网站设计所需的主要技术。

字体

可变字体指南

了解如何在设计中使用可变字体。

Web 开放字体格式 (WOFF)

WOFF (Web 开放字体格式) 是一种字体文件格式,任何人都可以在 Web 上免费使用。

用户界面开发

用户输入方法和控件

用户输入不仅仅是鼠标和键盘:例如,考虑触摸屏。本文为管理用户输入和在开放式 Web 应用中实现控件提供了建议,以及常见问题解答、现实世界的示例以及链接,供任何需要有关底层技术更详细信息的人参考。