開發者指南

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 應用中實現控制元件提供了建議,以及常見問題解答、現實世界的示例以及連結,供任何需要有關底層技術更詳細資訊的人參考。