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.
关键资源
初学者教程
¥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 属性参考
-
HTML 中的元素具有属性。这些是附加值,用于以各种方式配置元素或调整其行为。
- 全局属性
-
全局属性可以在所有 HTML 元素 上指定,甚至是标准中未指定的属性。这意味着任何非标准元素仍必须允许这些属性,即使这些元素使文档不符合 HTML5 标准。
- 行内元素 和 块级元素
-
HTML 元素通常是 "inline-level" 或 "block-level" 元素。内联级元素仅占据定义它的标签所限定的空间。块级元素占据其父元素(容器)的整个空间,从而创建一个 "块盒"。
- 网络媒体类型和格式指南
- HTML 内容类别
-
HTML 由多种内容组成,每种内容都允许在某些上下文中使用,而不允许在其他上下文中使用。类似地,每个上下文都有一组它可以包含的其他内容类别以及可以或不能在其中使用的元素。这是这些类别的指南。
- 怪异模式和标准模式
-
有关怪异模式和标准模式的历史信息。
相关话题
¥Related topics
- 使用 CSS 将颜色应用于 HTML 元素
-
本文介绍了使用 CSS 向 HTML 内容添加颜色的大部分方法,列出了 HTML 文档的哪些部分可以着色以及执行此操作时要使用哪些 CSS 属性。