HTML:超文本标记语言
HTML (超文本标记语言) 是 Web 最基本的构建块。它定义了 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 的信息。
关键资源
初学者教程
我们的 HTML 学习区域 提供了多个模块,从头开始教授 HTML - 无需任何先验知识。
- HTML 简介
-
本模块奠定了基础,让您习惯重要的概念和语法,例如查看将 HTML 应用于文本、如何创建超链接以及如何使用 HTML 结构化网页。
- 多媒体和嵌入
-
本模块探讨了如何使用 HTML 将多媒体包含在您的网页中,包括图像的不同包含方式以及如何嵌入视频、音频甚至其他整个网页。
- HTML 表格
-
在网页上以可理解、可访问的方式表示表格数据可能是一项挑战。本模块介绍了基本的表格标记,以及更复杂的功能,例如实现标题和摘要。
- HTML 表单
-
表单是 Web 中非常重要的部分 - 它们提供了您与网站交互所需的许多功能,例如注册和登录、发送反馈、购买产品等等。本模块将帮助您开始创建表单的客户端/前端部分。
- 使用 HTML 解决常见问题
-
提供指向内容部分的链接,解释如何使用 HTML 解决创建网页时非常常见的问题:处理标题、添加图像或视频、强调内容、创建基本表单等等。
高级主题
- 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 元素 上指定,即使是标准中未指定的元素。这意味着任何非标准元素都必须仍然允许这些属性,即使这些元素使文档不符合 HTML5 规范。
- 内联级元素 和 块级元素
-
HTML 元素通常是“内联级”或“块级”元素。内联级元素只占据定义它的标签所包围的空间。块级元素占据其父元素(容器)的整个空间,从而创建一个“块框”。
- HTML 注释
-
HTML 注释用于在标记中添加说明性注释,或防止浏览器解释文档的特定部分。
- Web 上的媒体类型和格式指南
- HTML 内容类别
-
HTML 由几种类型的內容组成,每种內容都可以在某些上下文中使用,而在其他上下文中则不允许使用。类似地,每个上下文都有一个它可以包含的其他内容类别集以及可以在其中使用或不能使用的元素。这是一份这些类别的指南。
- 怪癖模式和标准模式
-
怪癖模式和标准模式的历史信息。
相关主题
- 使用 CSS 将颜色应用于 HTML 元素
-
本文介绍了使用 CSS 将颜色添加到 HTML 内容的大多数方法,列出了 HTML 文档的哪些部分可以着色以及在执行此操作时应使用哪些 CSS 属性。