HTML 是 Web 的文档层,提供使网页有意义的结构和内容。在这里,您可以找到关于 HTML 的内容,例如课程、文章、内容集和其他有用的信息,以帮助您构建关于 Web 这一关键部分的知识。
HTML 新手?我们为您准备了全面的课程,帮助您入门。
查看这些其他课程,以深入研究 HTML 中的特定主题。
了解所有主流浏览器引擎中新推出的最新 HTML 功能。
学习 HTML 模式和概念,以帮助您构建更易访问的 Web 应用程序。
学习基于 HTML 的概念和模式,以使您的 Web 应用程序更快。
了解如何使用 Chrome DevTools 调试 Web 应用程序中的 HTML 和 DOM。
课程

如果您是 HTML 新手,我们为您准备了全面的课程。《学习 HTML》课程将指导您了解 HTML 的工作原理的基础知识,例如结构问题、元数据、语义以及其他主题,以帮助您提高技能。

如果您有兴趣了解更多关于 HTML 的信息,这些其他课程将教您关于更高级的主题,您可以使用这些主题来改进您的 Web 应用程序。

HTML 表单让用户能够为您的 Web 应用程序提供输入,本课程将教您有效使用它们所需的一切知识。
虽然图片在 Web 上很常用,但它不仅仅是使用 img 元素。本课程将教您在 Web 上使用图片所需的一切知识。
虽然无障碍功能跨越 Web 平台的各个部分,但编写无障碍 HTML 是构建无障碍 Web 应用程序的基石。本课程将教您编写无障碍标记所需的一切知识。

Baseline 向 Web 开发者发出信号,告知何时可以安全地在所有主流浏览器引擎中使用 Web 平台功能。以下是一些现在是 Baseline 新增功能的 HTML 功能。

独占手风琴于 2024 年 9 月成为 Baseline 新增功能。
声明式 Shadow DOM 于 2024 年 2 月成为 Baseline 新增功能。
Popover API 于 2024 年 4 月成为 Baseline 新增功能。
inert 属性于 2023 年 4 月成为 Baseline 新增功能。
iframe 的延迟加载于 2023 年 12 月成为 Baseline 新增功能。

HTML 是构建无障碍 Web 应用程序的基本组成部分。在本节中,您将找到文章和资源,帮助您了解更多关于如何使用 HTML 构建无障碍 Web 应用程序的信息。

通过为标题和地标使用正确的元素,您可以显著改善辅助技术用户的导航体验。
通过使用正确的语义 HTML 元素,您可能能够满足大部分或全部键盘访问需求。这意味着减少花在调整 tabindex 上的时间,让用户更满意!
许多有临时和永久性运动障碍的用户依靠键盘快捷键来更有效地导航应用程序。为您的应用程序制定良好的键盘导航策略可以为每个人创造更好的体验。
为了让屏幕阅读器向用户呈现语音 UI,有意义的元素必须具有适当的标签或文本替代方案。标签或文本替代方案为元素提供其可访问的名称,这是在可访问性树中表达元素语义的关键属性之一。

您使用 HTML 的方式会影响 Web 应用程序的性能。在本节中,您将找到文章和资源,帮助您了解更多关于如何使用 HTML 使您的 Web 应用程序更快的信息。

浏览器预加载扫描器是一个专门的 HTML 解析器,浏览器使用它来比其他方式更早地发现资源。了解它如何帮助提高 Web 应用程序的性能,以及您如何才能避开它。
Fetch Priority API 使用 fetchpriority HTML 属性来指示资源相对于浏览器的优先级。它可以实现最佳加载并改进 Core Web Vitals
资源预加载是一种使用 HTML link 元素告诉浏览器在需要资源之前获取资源的技术。在本指南中,了解如何使用它来提高 Web 应用程序的性能。
延迟加载图片是在页面初始加载期间节省带宽的有效技术。在本指南中,可以了解如何使用 HTML loading 来延迟加载图片。

Chrome DevTools 是一套供开发者调试 Web 应用程序的工具。这里有一些建议您查看的工具,以帮助您调试 Web 应用程序中页面的 HTML 和 DOM,以及其他相邻的概念。

DevTools 提供了“元素”面板,您可以使用它查看、编辑和调试 Web 应用程序的 DOM。阅读本指南以开始使用“元素”面板。
DevTools 中的“元素”面板允许您监听由 JavaScript 触发的 DOM 更改。了解如何使用此有用的功能来调试 Web 应用程序的 DOM 更改。
“覆盖率”面板是一个有用的工具,用于查找 Web 应用程序 HTML 加载的未使用 CSS 和 JavaScript 代码。本指南向您展示如何使用它,以及它如何提高 Web 应用程序的性能。