• 跳至主要内容
  • 跳至搜索
  • 跳至选择语言
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 个人贡献者提供。内容根据 知识共享许可证.