HTML:超文本标记语言

HTML(超文本标记语言)是 Web 最基本的构建块。它定义了网页内容的含义和结构。除 HTML 之外的其他技术通常用于描述网页的外观/表示 (CSS) 或功能/行为 (JavaScript)。

¥HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content. Other technologies besides HTML are generally used to describe a web page's appearance/presentation (CSS) or functionality/behavior (JavaScript).

"超文本" 指的是在单个网站内或网站之间将网页相互连接的链接。链接是网络的一个基本方面。通过将内容上传到互联网并将其链接到其他人创建的页面,你就成为万维网的积极参与者。

¥"Hypertext" refers to links that connect web pages to one another, either within a single website or between websites. Links are a fundamental aspect of the Web. By uploading content to the Internet and linking it to pages created by other people, you become an active participant in the World Wide Web.

HTML 使用 "markup" 来注释文本、图片和其他内容以在 Web 浏览器中显示。HTML 标记包括特殊的 "elements",例如 <head><title><body><header><footer><article><section><p><div><span><img><aside><audio><canvas><datalist><details><embed><nav><search><output><progress><video><ul><ol><li> 等。

¥HTML uses "markup" to annotate text, images, and other content for display in a Web browser. HTML markup includes special "elements" such as <head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img>, <aside>, <audio>, <canvas>, <datalist>, <details>, <embed>, <nav>, <search>, <output>, <progress>, <video>, <ul>, <ol>, <li> and many others.

HTML 元素通过 "tags" 与文档中的其他文本分隔开,该元素由“<”和“>”包围的元素名称组成。标签内元素的名称不区分大小写。也就是说,它可以用大写、小写或混合书写。例如,<title> 标签可以写为 <Title><TITLE> 或任何其他方式。然而,约定和推荐的做法是用小写字母编写标签。

¥An HTML element is set off from other text in a document by "tags", which consist of the element name surrounded by "<" and ">". The name of an element inside a tag is case-insensitive. That is, it can be written in uppercase, lowercase, or a mixture. For example, the <title> tag can be written as <Title>, <TITLE>, or in any other way. However, the convention and recommended practice is to write tags in lowercase.

以下文章可以帮助你了解有关 HTML 的更多信息。

¥The articles below can help you learn more about HTML.

关键资源

¥Key resources

HTML 简介

如果你是 Web 开发新手,请务必阅读我们的 HTML 基础知识 文章,了解 HTML 是什么以及如何使用它。

HTML 教程

有关如何使用 HTML 的文章以及教程和完整示例,请查看我们的 HTML 学习区

HTML 参考

在我们内容广泛的 HTML 参考 部分中,你将找到有关 HTML 中每个元素和属性的详细信息。

初学者教程

¥Beginner's tutorials

我们的 HTML 学习区 具有多个模块,可以从头开始教授 HTML - 不需要任何先前的知识。

¥Our HTML Learning Area features multiple modules that teach HTML from the ground up — no previous knowledge required.

HTML 简介

本模块奠定了基础,让你习惯重要的概念和语法,例如了解如何将 HTML 应用于文本、如何创建超链接以及如何使用 HTML 构建网页。

多媒体和嵌入

本模块探讨如何使用 HTML 在网页中包含多媒体,包括包含图片的不同方式,以及如何嵌入视频、音频甚至整个其他网页。

HTML 表格

以易于理解、易于访问的方式在网页上表示表格数据可能是一项挑战。该模块涵盖基本的表格标记,以及更复杂的功能,例如实现标题和摘要。

HTML 表单

表单是 Web 的一个非常重要的部分 - 它们提供了与网站交互所需的许多功能,例如 注册和登录、发送反馈、购买产品等。该模块帮助你开始创建表单的客户端/前端部分。

使用 HTML 解决常见问题

提供内容部分的链接,解释如何使用 HTML 解决创建网页时的常见问题:处理标题、添加图片或视频、强调内容、创建基本形式等。

高级主题

¥Advanced topics

启用 CORS 的图片

crossorigin 属性与适当的 CORS 标头相结合,允许从外部源加载由 <img> 元素定义的图片,并在 <canvas> 元素中使用它们,就像从当前源加载它们一样。

CORS 设置属性

某些支持 CORS 的 HTML 元素(例如 <img><video>)具有 crossorigin 属性(crossOrigin 属性),可让你配置针对元素获取的数据的 CORS 请求。

使用 rel="preload" 预加载内容

<link> 元素的 rel 属性的 preload 值允许你在 HTML <head> 中编写声明性获取请求,指定页面加载后很快需要的资源,因此你希望在页面加载生命周期的早期开始预加载,然后再进行预加载。 浏览器的主要渲染机制开始运行。这可以确保它们更早地可用,并且不太可能阻止页面的首次渲染,从而提高性能。本文提供了 preload 如何工作的基本指南。

参考

¥Reference

HTML 参考

HTML 由元素组成,每个元素都可以通过一定数量的属性进行修改。HTML 文档通过链接相互连接。

HTML 元素参考

浏览所有 HTML elements 的列表。

HTML 属性参考

HTML 中的元素具有属性。这些是附加值,用于以各种方式配置元素或调整其行为。

全局属性

全局属性可以在所有 HTML 元素 上指定,甚至是标准中未指定的属性。这意味着任何非标准元素仍必须允许这些属性,即使这些元素使文档不符合 HTML5 标准。

行内元素块级元素

HTML 元素通常是 "inline-level" 或 "block-level" 元素。内联级元素仅占据定义它的标签所限定的空间。块级元素占据其父元素(容器)的整个空间,从而创建一个 "块盒"。

网络媒体类型和格式指南

<audio><video> 元素允许你在内容中本地播放音频和视频媒体,无需外部软件支持。

HTML 内容类别

HTML 由多种内容组成,每种内容都允许在某些上下文中使用,而不允许在其他上下文中使用。类似地,每个上下文都有一组它可以包含的其他内容类别以及可以或不能在其中使用的元素。这是这些类别的指南。

怪异模式和标准模式

有关怪异模式和标准模式的历史信息。

相关话题

¥Related topics

使用 CSS 将颜色应用于 HTML 元素

本文介绍了使用 CSS 向 HTML 内容添加颜色的大部分方法,列出了 HTML 文档的哪些部分可以着色以及执行此操作时要使用哪些 CSS 属性。