• 跳至主要內容
  • 跳至搜尋
  • 跳至選擇語言
MDN Web Docs - MDN 文件
  • 參考資料
    • 概述 / 網頁技術

      為開發者提供的網頁技術參考

    • HTML

      網頁內容結構

    • CSS

      用於描述文件樣式的程式碼

    • JavaScript

      通用指令碼語言

    • HTTP

      用於傳輸網頁資源的協議

    • 網頁 API

      構建網頁應用程式的介面

    • 網頁擴充套件

      為網頁瀏覽器開發擴充套件

    • 網頁技術

      為開發者提供的網頁技術參考

  • 指南
    • 概述 / MDN 學習區

      學習網頁開發

    • MDN 學習區

      學習網頁開發

    • HTML

      學習使用 HTML 結構化網頁內容

    • CSS

      學習使用 CSS 樣式化內容

    • JavaScript

      學習在瀏覽器中執行指令碼

    • 無障礙

      學習使網頁對所有人無障礙

  • 更多
    • 概述

      個性化的 MDN 體驗

    • AI 幫助

      獲得即時幫助和支援

    • 更新

      所有瀏覽器相容性更新一覽

    • 文件

      學習如何使用 MDN Plus

    • 常見問題

      關於 MDN Plus 的常見問題

  • 課程
  • 部落格
    • 遊樂場

      編寫、測試和分享您的程式碼

    • 新
      HTTP 觀測站

      免費掃描網站

    • AI 幫助

      獲得即時幫助和支援

  • 登入
  • 免費註冊
  1. 指南
  2. 常見問題
    • 西班牙語
    • 法語
    • 日語
    • 葡萄牙語 (巴西)
    • 俄語
    • 中文 (簡體)
    • 正體中文 (繁體)
  1. 從這裡開始學習!
  2. 網頁入門
    1. 網頁入門
    2. 安裝基本軟體
    3. 您的網站將是什麼樣子?
    4. 處理檔案
    5. HTML 基礎
    6. CSS 基礎
    7. JavaScript 基礎
    8. 釋出您的網站
    9. 網頁工作原理
  3. HTML — 網頁結構
  4. HTML 簡介
    1. HTML 簡介
    2. HTML 入門
    3. 頭中有什麼?HTML 中的元資料
    4. HTML 文字基礎
    5. 建立超連結
    6. 高階文字格式
    7. 文件和網站結構
    8. 除錯 HTML
    9. 標記一封信
    10. 結構化內容頁面
  5. 多媒體和嵌入
    1. 多媒體和嵌入
    2. HTML 中的影像
    3. 影片和音訊內容
    4. 從物件到 iframe — 其他嵌入技術
    5. 將向量圖形新增到網頁
    6. 響應式影像
    7. Mozilla 閃屏頁面
  6. HTML 表格
    1. HTML 表格
    2. HTML 表格基礎
    3. HTML 表格高階功能和無障礙性
    4. 結構化行星資料
  7. CSS — 網頁樣式
  8. CSS 入門
    1. CSS 入門
    2. 什麼是 CSS?
    3. CSS 入門
    4. CSS 結構
    5. CSS 工作原理
    6. 樣式化傳記頁面
  9. CSS 構建塊
    1. CSS 構建塊
    2. CSS 選擇器
    3. 型別、類和 ID 選擇器
    4. 屬性選擇器
    5. 偽類和偽元素
    6. 組合器
    7. 層疊、特異性和繼承
    8. 層疊層
    9. 盒子模型
    10. 背景和邊框
    11. 處理不同的文字方向
    12. 溢位內容
    13. CSS 值和單位
    14. CSS 中的專案大小調整
    15. 影像、媒體和表單元素
    16. 樣式化表格
    17. 高階樣式效果
    18. 除錯 CSS
    19. 組織您的 CSS
    20. CSS 基礎理解
    21. 建立漂亮的信紙
    22. 一個很酷的盒子
  10. 樣式化文字
    1. CSS 樣式化文字
    2. 文字和字型樣式基礎
    3. 樣式化列表
    4. 樣式化連結
    5. 網頁字型
    6. 排版社群學校首頁
  11. CSS 佈局
    1. CSS 佈局
    2. CSS 佈局簡介
    3. 正常流
    4. Flexbox
    5. 網格
    6. 浮動
    7. 定位
    8. 多列布局
    9. 響應式設計
    10. 媒體查詢入門指南
    11. 傳統佈局方法
    12. 支援舊版瀏覽器
    13. 佈局基礎理解
  12. JavaScript — 動態客戶端指令碼
  13. JavaScript 入門
    1. JavaScript 入門
    2. 什麼是 JavaScript?
    3. JavaScript 初體驗
    4. 哪裡錯了?除錯 JavaScript
    5. 儲存所需資訊 — 變數
    6. JavaScript 中的基本數學運算 — 數字和運算子
    7. 處理文字 — JavaScript 中的字串
    8. 有用的字串方法
    9. 陣列
    10. 愚蠢的故事生成器
  14. JavaScript 構建塊
    1. JavaScript 構建塊
    2. 在程式碼中做出決策 — 條件語句
    3. 迴圈程式碼
    4. 函式 — 可重用的程式碼塊
    5. 構建自己的函式
    6. 函式返回值
    7. 事件簡介
    8. 事件冒泡
    9. 圖片庫
  15. JavaScript 物件簡介
    1. JavaScript 物件簡介
    2. JavaScript 物件基礎
    3. 物件原型
    4. 面向物件程式設計
    5. JavaScript 中的類
    6. 使用 JSON
    7. 物件構建練習
    8. 為我們的彈跳球演示新增功能
  16. 非同步 JavaScript
    1. 非同步 JavaScript
    2. 非同步 JavaScript 簡介
    3. 如何使用 Promise
    4. 如何實現基於 Promise 的 API
    5. Worker 簡介
    6. 動畫排序
  17. 客戶端網頁 API
    1. 客戶端網頁 API
    2. 網頁 API 簡介
    3. 操作文件
    4. 從伺服器獲取資料
    5. 第三方 API
    6. 繪製圖形
    7. 影片和音訊 API
    8. 客戶端儲存
  18. 網頁表單 — 使用使用者資料
  19. 網頁表單構建塊
    1. 網頁表單構建塊
    2. 您的第一個表單
    3. 如何構建網頁表單
    4. 基本原生表單控制元件
    5. HTML5 輸入型別
    6. 其他表單控制元件
    7. 樣式化網頁表單
    8. 高階表單樣式
    9. UI 偽類
    10. 客戶端表單驗證
    11. 傳送表單資料
  20. 高階網頁表單技巧
    1. 如何構建自定義表單控制元件
    2. 透過 JavaScript 傳送表單
    3. 表單控制元件的 CSS 屬性相容性表
    4. 舊版瀏覽器中的 HTML 表單
  21. 無障礙性 — 使網頁對所有人可用
  22. 無障礙性指南
    1. 無障礙
    2. 什麼是無障礙性?
    3. HTML:無障礙性的良好基礎
    4. CSS 和 JavaScript 無障礙性最佳實踐
    5. WAI-ARIA 基礎
    6. 無障礙多媒體
    7. 移動無障礙性
    8. 評估:無障礙性故障排除
  23. 效能 — 使網站快速響應
  24. 效能指南
    1. 網頁效能
    2. 網頁效能的“為什麼”
    3. 什麼是網頁效能?
    4. 感知效能
    5. 衡量效能
    6. 多媒體:影像
    7. 多媒體:影片
    8. JavaScript 效能最佳化
    9. HTML 效能最佳化
    10. CSS 效能最佳化
    11. 網頁效能的商業案例
  25. MathML — 使用 MathML 編寫數學
  26. MathML 入門
    1. MathML 入門
    2. MathML 入門
    3. MathML 文字容器
    4. MathML 分數和根號
    5. MathML 指令碼元素
    6. MathML 表格
    7. 三個著名的數學公式
  27. 遊戲 — 為網頁開發遊戲
  28. 指南和教程
    1. 網頁遊戲開發簡介
    2. 遊戲開發技術
    3. 教程
    4. 釋出遊戲
  29. 工具和測試
  30. 客戶端網頁開發工具
    1. 瞭解客戶端網頁開發工具
    2. 客戶端工具概述
    3. 命令列速成課程
    4. 包管理基礎
    5. 完整的工具鏈簡介
    6. 部署我們的應用程式
  31. 客戶端框架簡介
    1. 客戶端框架簡介
    2. 框架主要功能
  32. React
    1. React 入門
    2. 開始我們的 React 待辦事項列表
    3. 將我們的 React 應用程式元件化
    4. React 互動性:事件和狀態
    5. React 互動性:編輯、過濾、條件渲染
    6. React 中的無障礙性
    7. React 資源
  33. Ember
    1. Ember 入門
    2. Ember 應用程式結構和元件化
    3. Ember 互動性:事件、類和狀態
    4. Ember 互動性:頁尾功能、條件渲染
    5. Ember 中的路由
    6. Ember 資源和故障排除
  34. Vue
    1. Vue 入門
    2. 建立我們的第一個 Vue 元件
    3. 渲染 Vue 元件列表
    4. 新增新的待辦事項表單:Vue 事件、方法和模型
    5. 使用 CSS 樣式化 Vue 元件
    6. 使用 Vue 計算屬性
    7. Vue 條件渲染:編輯現有待辦事項
    8. Vue refs 和生命週期方法用於焦點管理
    9. Vue 資源
  35. Svelte
    1. Svelte 入門
    2. 開始我們的 Svelte 待辦事項列表應用程式
    3. Svelte 中的動態行為:使用變數和道具
    4. 將我們的 Svelte 應用程式元件化
    5. 高階 Svelte:反應式、生命週期、無障礙性
    6. 使用 Svelte 儲存
    7. Svelte 中的 TypeScript 支援
    8. 部署和下一步
  36. Angular
    1. Angular 入門
    2. 開始我們的 Angular 待辦事項列表應用程式
    3. 樣式化我們的 Angular 應用程式
    4. 建立專案元件
    5. 過濾我們的待辦事項
    6. 構建 Angular 應用程式和更多資源
  37. Git 和 GitHub
    1. Git 和 GitHub
  38. 跨瀏覽器測試
    1. 跨瀏覽器測試
    2. 跨瀏覽器測試簡介
    3. 執行測試的策略
    4. 處理常見的 HTML 和 CSS 問題
    5. 處理常見的 JavaScript 問題
    6. 處理常見的無障礙性問題
    7. 實現功能檢測
    8. 自動化測試簡介
    9. 設定自己的測試自動化環境
  39. 伺服器端網站程式設計
  40. 入門
    1. 伺服器端網站程式設計入門
    2. 伺服器端簡介
    3. 客戶端-伺服器概述
    4. 伺服器端網頁框架
    5. 網站安全
  41. Django 網頁框架 (Python)
    1. Django 網頁框架 (Python)
    2. Django 簡介
    3. 設定 Django 開發環境
    4. Django 教程:本地圖書館網站
    5. Django 教程第 2 部分:建立網站框架
    6. Django 教程第 3 部分:使用模型
    7. Django 教程第 4 部分:Django 管理站點
    8. Django 教程第 5 部分:建立我們的主頁
    9. Django 教程第 6 部分:通用列表和詳細資訊檢視
    10. Django 教程第 7 部分:會話框架
    11. Django 教程第 8 部分:使用者身份驗證和許可權
    12. Django 教程第 9 部分:使用表單
    13. Django 教程第 10 部分:測試 Django 網頁應用程式
    14. Django 教程第 11 部分:將 Django 部署到生產環境
    15. Django 網頁應用程式安全
    16. 評估:DIY Django 迷你部落格
  42. Express 網頁框架 (Node.js/JavaScript)
    1. Express 網頁框架 (Node.js/JavaScript)
    2. Express/Node 簡介
    3. 設定 Node 開發環境
    4. Express 教程:本地圖書館網站
    5. Express 教程第 2 部分:建立網站框架
    6. Express 教程第 3 部分:使用資料庫 (使用 Mongoose)
    7. Express 教程第 4 部分:路由和控制器
    8. Express 教程第 5 部分:顯示圖書館資料
    9. Express 教程第 6 部分:使用表單
    10. Express 教程第 7 部分:部署到生產環境
  43. 更多資源
  44. 常見問題
    1. 常見問題
    2. 使用 HTML 解決常見問題
    3. 使用 CSS 解決常見問題
    4. 解決 JavaScript 程式碼中的常見問題
    5. 網頁機制
    6. 工具和設定
    7. 設計和無障礙性

常見問題

學習區中的此部分旨在為可能出現的常見問題提供答案,這些問題不一定屬於結構化的核心學習路徑(例如,HTML 或 CSS 學習文章)。這些文章旨在獨立使用。

  • HTML 問題
  • CSS 問題
  • JavaScript 問題
  • 網頁機制
  • 工具和設定
  • 設計和無障礙性

幫助改進 MDN

瞭解如何貢獻.

此頁面最後修改於 2023 年 6 月 30 日 由 MDN 貢獻者.

在 GitHub 上檢視此頁面 • 報告此內容的問題
MDN logo - MDN 文件

您構建更美好網際網路的藍圖。

  • Mastodon 上的 MDN
  • X(前身為 Twitter)上的 MDN
  • GitHub 上的 MDN
  • MDN 部落格 RSS 訂閱

MDN

  • 關於
  • 部落格
  • 職業
  • 與我們合作廣告

支援

  • 產品幫助
  • 報告問題

我們的社群

  • MDN 社群
  • MDN 論壇
  • MDN 聊天

開發者

  • Web 技術
  • 學習 Web 開發
  • MDN Plus
  • Hacks 部落格
Mozilla logo - MDN 文件
  • 網站隱私宣告
  • Cookie
  • 法律
  • 社群參與指南

訪問 Mozilla 公司的 非營利性母公司, Mozilla 基金會.
本內容的部分內容 ©1998–2024由 mozilla.org 個人貢獻者提供。內容根據 知識共享許可證.

© . Content available under a Creative Commons license.