HTML:超文本标记语言

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

“超文本”指的是将网页彼此连接起来的链接,这些链接可以在一个网站内部,也可以在不同网站之间。链接是 Web 的一个基本方面。通过将内容上传到互联网并将其链接到其他人创建的页面,您就成为了万维网的积极参与者。

HTML 使用“标记”来标注文本、图像和其他内容,以便在 Web 浏览器中显示。HTML 标记包括特殊的“元素”,例如 <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 元素通过“标签”与文档中的其他文本区分开来,标签由元素名称及其周围的 <> 组成。标签内的元素名称不区分大小写。也就是说,它可以写成大写、小写或大小写混合。例如,<title> 标签可以写成 <Title><TITLE> 或任何其他方式。然而,惯例和推荐的做法是使用小写字母编写标签。

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

新手教程

我们的学习 Web 开发核心模块包含涵盖 HTML 基础知识的现代、最新的教程。

您的第一个网站:创建内容

本文简要介绍了什么是 HTML 以及如何使用它,面向完全不了解 Web 开发的人。

使用 HTML 构建内容结构

本模块涵盖 HTML 语言的基础知识,然后探讨文档结构、链接、列表、图像、表单等关键领域。

指南

HTML 指南帮助您使用 HTML 构建 Web,涵盖表单、CORS、内容预加载和响应式图像等主题。

HTML 表单

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

支持 CORS 的图像

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

CORS 设置属性

一些支持 CORS 的 HTML 元素,例如 <img><video>,具有 crossorigin 属性(crossOrigin 属性),允许您配置元素的获取数据的 CORS 请求。

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

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

响应式图片

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

参考

HTML 参考

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

HTML 元素参考

浏览所有 HTML 元素的列表。

HTML 属性参考

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

全局属性

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

行内元素块级元素

HTML 元素通常是“行内元素”或“块级元素”。行内元素仅占用由定义它的标签包围的空间。块级元素占用其父元素(容器)的整个空间,从而创建一个“块框”。

HTML 注释

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

Web 媒体类型和格式指南

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

HTML 内容类别

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

怪异模式和标准模式

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

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

本文涵盖了使用 CSS 为 HTML 内容添加颜色的主要方式,列出了 HTML 文档的哪些部分可以着色以及在这样做时使用哪些 CSS 属性。