HTML 指南

本页列出了使用 HTML 的指南。

内容类别

大多数 HTML 元素都属于一个或多个内容类别——这些类别将具有相似特征的元素分组。这是一个松散的 agrupamiento(它实际上并没有在这些类别中的元素之间建立关系),但它们有助于定义和描述类别的共享行为及其相关规则。元素(如 track)可能不属于任何这些类别。

HTML 语法和常用任务速查表

在使用 HTML 时,拥有一个方便记忆如何正确使用 HTML 标签以及如何应用它们的方法会非常有用。MDN 为您提供了扩展的 HTML 参考文档以及一套深入的教学 HTML 指南。然而,在许多情况下,我们只需要一些快速的提示。这就是速查表的全部目的,为您提供一些常用用法快速准确的现成代码片段。

理解怪异模式和标准模式

在 Web 的早期,页面通常有两种版本:一种用于 Netscape Navigator,另一种用于 Microsoft Internet Explorer。当 W3C 制定 Web 标准时,浏览器不能立即开始使用它们,因为这样做会破坏 Web 上大多数现有网站。因此,浏览器引入了两种模式来区别对待符合新标准的新网站和旧的遗留网站。

在 HTML 中使用日期和时间格式

某些 HTML 元素使用日期和/或时间值。本文描述了指定这些值的字符串的格式。

使用 HTML 注释 <!-- … -->

HTML 注释用于在标记中添加解释性说明,或阻止浏览器解释文档的特定部分。

使用 HTML 表单验证和约束验证 API

创建 Web 表单一直是一项复杂的任务。虽然标记表单本身很简单,但检查每个字段是否具有有效且一致的值更加困难,并且告知用户问题可能成为一件令人头疼的事情。HTML5 引入了新的表单机制:它为 input 元素添加了新的语义类型,并增加了约束验证,以简化客户端检查表单内容的工作。通过设置新属性,可以检查基本的、常用的约束,而无需 JavaScript;更复杂的约束可以使用约束验证 API 进行测试。

在 HTML 中使用微数据

微数据是 WHATWG HTML 标准的一部分,用于在 Web 页面的现有内容中嵌套元数据。搜索引擎和网络爬虫可以从网页中提取和处理微数据,并使用它为用户提供更丰富的浏览体验。搜索引擎受益于直接访问这些结构化数据,因为它允许搜索引擎理解网页上的信息并为用户提供更相关的结果。微数据使用支持性词汇表来描述一个项目,并使用键值对为它的属性赋值。与使用 RDFa 和经典微格式的类似方法相比,微数据是一种声明式地为 HTML 元素添加机器可读标签的方法。

在 HTML 中使用微格式

微格式 是用于在 HTML 中嵌入语义和结构化数据,并为社交网络应用、搜索引擎、聚合器和其他工具提供 API 的标准。这些最小化的 HTML 模式用于标记从基础信息到领域特定信息(如人物、组织、事件和地点)的实体。

在 HTML 中使用响应式图片

在本文中,我们将学习响应式图像的概念——在具有各种屏幕尺寸、分辨率和其他此类功能的设备上都能很好地工作的图像——并了解 HTML 提供了哪些工具来帮助实现它们。这有助于提高不同设备上的性能。