HTML 是网络的文档层,提供网页所需的结构和内容,使其具有意义。在这里,您可以找到 HTML 的内容(例如课程、文章、合集和其他有用的信息),以帮助您了解这个关键的网络部分。
刚开始接触 HTML?我们提供了一门全面的课程,可帮助您轻松上手。
如需深入了解 HTML 中的特定主题,请查看以下其他课程。
了解所有主要浏览器引擎中新推出的最新 HTML 功能。
了解 HTML 模式和概念,以帮助您构建无障碍功能更出色的 Web 应用。
了解基于 HTML 的概念和模式,以加快 Web 应用的速度。
了解如何使用 Chrome 开发者工具调试 Web 应用中的 HTML 和 DOM。
课程

如果您刚刚开始接触 HTML,我们会为您提供帮助。我们的学习 HTML 课程将引导您全面了解 HTML 的运作方式,例如结构问题、元数据、语义以及其他主题,帮助您提升技能。

如果您有兴趣详细了解 HTML,可以通过以下其他课程学习更高级的主题,这些主题可用于改进 Web 应用。

HTML 表单可让用户为您的 Web 应用提供输入内容,本课程将向您介绍有关如何有效使用这些表单的所有知识。
虽然图片在网络上很常用,但除了使用 img 元素之外,还有其他方法。本课程将向您介绍在 Web 上使用图片的所有知识。
虽然无障碍功能可覆盖 Web 平台的所有部分,但编写无障碍 HTML 是构建无障碍 Web 应用的基石。本课程介绍了编写无障碍标记所需了解的所有内容。

向 Web 开发者发出基准信号,指明 Web 平台功能可以在所有主流浏览器引擎中安全使用。以下是 Baseline 新提供的一些 HTML 功能。

声明式 Shadow DOM 成为了 Baseline。2024 年新可用。
Popover API 已于 2024 年成为新推出的基准 API。
inert 属性已于 2023 年成为“新推出的基准”。
将 iframe 延迟加载设为基准。此功能于 2023 年推出。

HTML 是构建无障碍 Web 应用的基础。在本部分中,您可以找到一些文章和资源,帮助您详细了解如何使用 HTML 构建可访问的网络应用。

通过为标题和地标使用正确的元素,您可以显著改善辅助技术用户的导航体验。
通过使用正确的语义 HTML 元素,您可能能够满足大部分或全部键盘使用需求。这意味着您无需再花费太多时间来调整 tabindex,让用户更满意!
许多暂时性和永久性运动障碍的用户都依赖于键盘快捷键来更高效地浏览应用。为应用制定良好的键盘导航策略,可为所有用户打造更好的体验。
为了让屏幕阅读器向用户呈现有声界面,有意义的元素必须具有适当的标签或文本替代项。标签或替代文本会为元素提供其可访问名称,这是在无障碍树中表达元素语义的关键属性之一。

您对 HTML 的使用方式可能会影响 Web 应用的性能。在本部分中,您可以找到一些文章和资源,以帮助您详细了解如何使用 HTML 提高网络应用的运行速度。

浏览器预加载扫描程序是一种专用 HTML 解析器,浏览器使用它可以比以往更早地发现资源。了解它如何提升 Web 应用的性能,以及如何避免干扰它。
Fetch Priority API 使用 fetchpriority HTML 属性来指示资源相对于浏览器的相对优先级。它可以实现最佳加载和改进核心网页指标
资源预加载是一种使用 HTML link 元素告知浏览器在需要之前提取资源的技术。在本指南中,了解如何使用它来提升 Web 应用的性能。
延迟加载图片是一种在页面初始加载期间节省带宽的有效方法。在本指南中,您可以了解如何使用 HTML loading 延迟加载图片。

Chrome DevTools 是一套供开发者调试 Web 应用的工具。以下是一些建议的工具,可帮助您在网络应用中调试网页的 HTML 和 DOM,以及其他相邻的概念。

DevTools 提供了 Elements 面板,可让您查看、修改和调试 Web 应用的 DOM。请阅读本指南,开始使用“元素”面板。
借助 DevTools 中的 Elements 面板,您可以监听 JavaScript 触发的 DOM 更改。了解如何使用这项实用功能来调试 Web 应用 DOM 的更改。
“覆盖率”面板是一款实用工具,可用于查找 Web 应用的 HTML 加载的未使用的 CSS 和 JavaScript 代码。本指南介绍了如何使用它,以及它如何提升 Web 应用的性能。