HTML
HTML 是网络的文档层,提供网页所需的结构和内容,使其具有意义。在这里,您可以找到 HTML 的内容(例如课程、文章、合集和其他有用的信息),以帮助您了解这个关键的网络部分。
跳至本页面:
学习 HTML
刚开始接触 HTML?我们提供了一门全面的课程,可帮助您轻松上手。
更多课程
如需深入了解 HTML 中的特定主题,请查看以下其他课程。
基准 HTML 中新推出的功能
了解所有主要浏览器引擎中新推出的最新 HTML 功能。
HTML 和无障碍功能
了解 HTML 模式和概念,以帮助您构建无障碍功能更出色的 Web 应用。
HTML 和性能
了解基于 HTML 的概念和模式,以加快 Web 应用的速度。
使用 Chrome 开发者工具调试 HTML 和 DOM
了解如何使用 Chrome 开发者工具调试 Web 应用中的 HTML 和 DOM。
课程
还不熟悉 HTML?
如果您刚刚开始接触 HTML,我们会为您提供帮助。我们的学习 HTML 课程将引导您全面了解 HTML 的运作方式,例如结构问题、元数据、语义以及其他主题,帮助您提升技能。
查看更多课程。
如果您有兴趣详细了解 HTML,可以通过以下其他课程学习更高级的主题,这些主题可用于改进 Web 应用。
基准:新增的 HTML 功能
向 Web 开发者发出基准信号,指明 Web 平台功能可以在所有主流浏览器引擎中安全使用。以下是 Baseline 新提供的一些 HTML 功能。
HTML 和无障碍功能
HTML 是构建无障碍 Web 应用的基础。在本部分中,您可以找到一些文章和资源,帮助您详细了解如何使用 HTML 构建可访问的网络应用。
标题和地标
通过为标题和地标使用正确的元素,您可以显著改善辅助技术用户的导航体验。
使用语义 HTML 轻松在键盘上取胜
通过使用正确的语义 HTML 元素,您可能能够满足大部分或全部键盘使用需求。这意味着您无需再花费太多时间来调整 tabindex,让用户更满意!
键盘操作基础知识
许多暂时性和永久性运动障碍的用户都依赖于键盘快捷键来更高效地浏览应用。为应用制定良好的键盘导航策略,可为所有用户打造更好的体验。
标签和文本替代方案
为了让屏幕阅读器向用户呈现有声界面,有意义的元素必须具有适当的标签或文本替代项。标签或替代文本会为元素提供其可访问名称,这是在无障碍树中表达元素语义的关键属性之一。
HTML 和性能
您对 HTML 的使用方式可能会影响 Web 应用的性能。在本部分中,您可以找到一些文章和资源,以帮助您详细了解如何使用 HTML 提高网络应用的运行速度。
不与浏览器预加载扫描程序作斗争
浏览器预加载扫描程序是一种专用 HTML 解析器,浏览器使用它可以比以往更早地发现资源。了解它如何提升 Web 应用的性能,以及如何避免干扰它。
使用 Fetch Priority API 优化资源加载
Fetch Priority API 使用
fetchpriority
HTML 属性来指示资源相对于浏览器的相对优先级。它可以实现最佳加载和改进核心网页指标。
预加载关键资源,以提高加载速度
资源预加载是一种使用 HTML
link
元素告知浏览器在需要之前提取资源的技术。在本指南中,了解如何使用它来提升 Web 应用的性能。
针对 Web 的浏览器级图片延迟加载
延迟加载图片是一种在页面初始加载期间节省带宽的有效方法。在本指南中,您可以了解如何使用 HTML
loading
延迟加载图片。
使用 Chrome 开发者工具调试 HTML 和 DOM
Chrome DevTools 是一套供开发者调试 Web 应用的工具。以下是一些建议的工具,可帮助您在网络应用中调试网页的 HTML 和 DOM,以及其他相邻的概念。
开始查看和更改 DOM
DevTools 提供了 Elements 面板,可让您查看、修改和调试 Web 应用的 DOM。请阅读本指南,开始使用“元素”面板。
监听 DOM 更改
借助 DevTools 中的 Elements 面板,您可以监听 JavaScript 触发的 DOM 更改。了解如何使用这项实用功能来调试 Web 应用 DOM 的更改。
查找 Web 应用的 HTML 加载的未使用的代码
“覆盖率”面板是一款实用工具,可用于查找 Web 应用的 HTML 加载的未使用的 CSS 和 JavaScript 代码。本指南介绍了如何使用它,以及它如何提升 Web 应用的性能。