給開發者的網頁技術文件

全球資訊網的開放性提供了開發人員非常棒的機會。要充分發揮網頁潛能,你需要知道如何使用它們。你可以從以下連結找到各種網頁技術說明。

網頁開發者說明文件

網頁開發者指南

提供實用教學,幫助你實際使用網頁技術來做你想做或需要做的事情。

網頁開發者入門

帶你逐步學習 HTML、CSS、JavaScript 和 Web API。

無障礙

盡可能地使所有人皆能使用你的網站,不論他們是否具有能力障礙。

效能

使內容完全發揮可用性和互動性,並且越快越好。

安全性

保護使用者免受資料外洩和盜取、旁路攻擊,以及跨網站指令碼、內容注入和點擊劫持等攻擊。

網頁技術參考

Web API

用於開發網頁應用程式的 JavaScript API。

HTML

超文字標記語言(HyperText Markup Language)是一種用來結構化描述及定義網頁內容的語言。

CSS

階層樣式表(Cascading Style Sheet)可用來描述網頁內容的外觀。

JavaScript

JavaScript 是網頁端的原生程式語言。

WebAssembly

WebAssembly 能夠讓以 C、C++、Rust、Swift、C#、Go 等語言開發的程式在網頁上執行。

事件

你的網頁應用程式能夠對事件做出反應;例如當網頁完成載入,或使用者選擇某些內容、按下按鍵、調整視窗大小、提交表單、暫停影片等。

HTTP

超文字傳輸協定(Hypertext Transfer Protocol)是基本的網際網路協定,用於從網路上取得檔案、樣式表、程式碼、圖片、影片、字型,以及其他資源——以及將資料傳回伺服器。

媒體

用於在網頁檔案和應用程式中嵌入和串流視訊、音訊和圖片內容的格式、轉碼器、協定、API 和技術。

SVG

可縮放向量圖形(Scalable Vector Graphic)使你能夠建立任何大小皆能平滑縮放的圖片。

MathML

數學標記語言(Mathematical Markup Language)使網頁得以展示複雜的數學運算式及語法。

網頁元件 (en-US)

你可以在你的網頁應用程式中定義網頁元件並重複使用。

WebDriver (en-US)

WebDriver 是一種透過模擬真人使用瀏覽器的操作來遠端控制瀏覽器的自動化機制。被廣泛用於網頁應用程式的跨瀏覽器測試。

網頁擴充功能

網頁擴充功能是一種讓你在瀏覽器中為使用者提供增強功能的方式,例如阻擋廣告和其他內容、自訂頁面外觀等。

網頁應用程式資訊清單

網頁應用程式資訊清單(Web App Manifest)讓使用者能夠將網頁應用程式安裝到他們的裝置主畫面上,並預先設定畫面方向(直向或橫向)和顯示模式(如全螢幕)等。

漸進式網頁應用程式

漸進式網頁應用程式(Progressive Web App)提供使用者近似原生行動應用程式的體驗。

開發者工具說明文件

Firefox 開發者工具

Firefox 內建的網頁開發者工具的說明文件。

Chrome 開發者工具

Chrome 內建的網頁開發者工具的說明文件。

Safari 網頁檢閱器

Safari 內建的網頁開發者工具的說明文件。

Edge 開發者工具

Edge 內建的網頁開發者工具的說明文件。