此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

HTML 指南

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

HTML 中使用的日期与时间格式

特定的 HTML 元素会使用日期和(或)时间值,指定这些值的字符串格式将在本篇文章中描述。

HTML 语法与常见任务速查表

使用 HTML 时,若能有一种简单的方法记住如何正确使用和应用 HTML 标签,将会非常方便。MDN 提供了丰富的 HTML 参考文档和一套深入的 HTML 指南。但是,许多情况下我们只需要一些快速的提示。这便是速查表的初衷——为常见用法提供一些快速、准确、现成的代码片段。

viewport meta 标记

本文介绍如何使用 "viewport" <meta> 标记来控制视口的大小和形状。

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

HTML 注释主要用于为标记添加解释性说明,或防止浏览器解释文档的特定部分。

内容分类

大多数 HTML 元素都属于一个或多个内容类别——这些类别对具有共同特征的元素进行分组。这是一个松散的分组(它实际上并没有在这些类别的元素之间建立关系),但它们有助于定义和描述这些类别的共同行为及其相关规则,特别是在你遇到它们的复杂细节时。元素也有可能不属于其中的任何类别。

响应式图片

在本文中我们将学习响应式图片(一种在不同的屏幕尺寸、分辨率或具有其他类似特性的设备上都呈现良好的图片),并且探究 HTML 提供的一些帮助实现它们的工具,这有助于提升(网页在)不同设备上的性能。响应式图片仅是响应式设计的一部分,你在学习 CSS 的过程中将学到相关的知识。

微数据

微数据是 WHATWG HTML 标准的一部分,用于在网页上的现有内容中嵌套元数据。搜索引擎、网络抓取工具可以从网页中提取和处理微数据,并使用它为用户提供更丰富的浏览体验。搜索引擎从直接访问此结构化数据中受益匪浅,因为它允许搜索引擎了解网页上的信息并向用户提供更相关的结果。微数据使用支持词汇表来描述项目和 name-value 对,以便为其属性赋值。与使用 RDFa 和微格式的类似方法相比,微数据试图提供一种使用机器可读标签注释 HTML 元素的简单方法。

微格式

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

怪异模式和标准模式

在很久以前的网络上,页面通常有两种版本:为网景(Netscape)的 Navigator 准备的版本,以及为微软(Microsoft)的 Internet Explorer 准备的版本。当 W3C 创立网络标准后,为了不破坏当时既有的网站,浏览器不能直接弃用这些标准。因此,浏览器采用了两种模式,用以把能符合新规范的网站和老旧网站区分开。

约束验证

创建 web 表单始终是一个复杂的任务。仅仅组装表单是容易的,但是检查每一个字段的值是否有效并且一致是一件更加困难的事情,而如何告知用户错误所在可能会令人头痛。HTML5 引入了表单相关的一些新机制:它为 input 元素和约束验证增加了一些新的语义类型,使得客户端检查表单内容变得容易。基本上,通过设置一些新的属性,常用的约束条件可以无需 JavaScript 代码而检测到;对于更复杂的约束条件的校验可以尝试使用约束验证 API。