
HTML
HTML 是 Web 的文档层,提供使网页有意义的结构和内容。在这里,您可以找到关于 HTML 的内容,例如课程、文章、内容集和其他有用的信息,以帮助您构建关于 Web 这一关键部分的知识。
跳转到本页面的内容
学习 HTML
HTML 新手?我们为您准备了全面的课程,帮助您入门。
更多课程
查看这些其他课程,以深入研究 HTML 中的特定主题。
Baseline HTML 新增功能
了解所有主流浏览器引擎中新推出的最新 HTML 功能。
HTML 和无障碍功能
学习 HTML 模式和概念,以帮助您构建更易访问的 Web 应用程序。
HTML 和性能
学习基于 HTML 的概念和模式,以使您的 Web 应用程序更快。
使用 Chrome DevTools 调试 HTML 和 DOM
了解如何使用 Chrome DevTools 调试 Web 应用程序中的 HTML 和 DOM。
课程
HTML 新手?
如果您是 HTML 新手,我们为您准备了全面的课程。《学习 HTML》课程将指导您了解 HTML 的工作原理的基础知识,例如结构问题、元数据、语义以及其他主题,以帮助您提高技能。
查看更多课程。
如果您有兴趣了解更多关于 HTML 的信息,这些其他课程将教您关于更高级的主题,您可以使用这些主题来改进您的 Web 应用程序。
Baseline HTML 新增功能
Baseline 向 Web 开发者发出信号,告知何时可以安全地在所有主流浏览器引擎中使用 Web 平台功能。以下是一些现在是 Baseline 新增功能的 HTML 功能。
HTML 和无障碍功能
HTML 是构建无障碍 Web 应用程序的基本组成部分。在本节中,您将找到文章和资源,帮助您了解更多关于如何使用 HTML 构建无障碍 Web 应用程序的信息。
标题和地标
通过为标题和地标使用正确的元素,您可以显著改善辅助技术用户的导航体验。
使用语义 HTML 轻松实现键盘操作
通过使用正确的语义 HTML 元素,您可能能够满足大部分或全部键盘访问需求。这意味着减少花在调整 tabindex 上的时间,让用户更满意!
键盘访问基础知识
许多有临时和永久性运动障碍的用户依靠键盘快捷键来更有效地导航应用程序。为您的应用程序制定良好的键盘导航策略可以为每个人创造更好的体验。
标签和文本替代方案
为了让屏幕阅读器向用户呈现语音 UI,有意义的元素必须具有适当的标签或文本替代方案。标签或文本替代方案为元素提供其可访问的名称,这是在可访问性树中表达元素语义的关键属性之一。
HTML 和性能
您使用 HTML 的方式会影响 Web 应用程序的性能。在本节中,您将找到文章和资源,帮助您了解更多关于如何使用 HTML 使您的 Web 应用程序更快的信息。
不要与浏览器预加载扫描器抗衡
浏览器预加载扫描器是一个专门的 HTML 解析器,浏览器使用它来比其他方式更早地发现资源。了解它如何帮助提高 Web 应用程序的性能,以及您如何才能避开它。
使用 Fetch Priority API 优化资源加载
Fetch Priority API 使用
fetchpriority
HTML 属性来指示资源相对于浏览器的优先级。它可以实现最佳加载并改进 Core Web Vitals。预加载关键资源以提高加载速度
资源预加载是一种使用 HTML
link
元素告诉浏览器在需要资源之前获取资源的技术。在本指南中,了解如何使用它来提高 Web 应用程序的性能。Web 的浏览器级图片延迟加载
延迟加载图片是在页面初始加载期间节省带宽的有效技术。在本指南中,可以了解如何使用 HTML
loading
来延迟加载图片。使用 Chrome DevTools 调试 HTML 和 DOM
Chrome DevTools 是一套供开发者调试 Web 应用程序的工具。这里有一些建议您查看的工具,以帮助您调试 Web 应用程序中页面的 HTML 和 DOM,以及其他相邻的概念。
开始查看和更改 DOM
DevTools 提供了“元素”面板,您可以使用它查看、编辑和调试 Web 应用程序的 DOM。阅读本指南以开始使用“元素”面板。
监听 DOM 更改
DevTools 中的“元素”面板允许您监听由 JavaScript 触发的 DOM 更改。了解如何使用此有用的功能来调试 Web 应用程序的 DOM 更改。
查找 Web 应用程序 HTML 加载的未使用代码
“覆盖率”面板是一个有用的工具,用于查找 Web 应用程序 HTML 加载的未使用 CSS 和 JavaScript 代码。本指南向您展示如何使用它,以及它如何提高 Web 应用程序的性能。