HTML(超文本标记语言)

HTML(超文本标记语言——HyperText Markup Language)是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其他技术则通常用来描述一个网页的表现与展示效果(如 CSS),或功能与行为(如 JavaScript)。

“超文本”(hypertext)是指连接单个网站内或多个网站间的网页的链接。链接是网络的一个基本方面。只要将内容上传到互联网,并将其与他人创建的页面相链接,你就成为了万维网的积极参与者。

HTML 使用“标记”(markup)来注明文本、图片和其他内容,以便于在 Web 浏览器中显示。HTML 标记包含一些特殊“元素”如 <head>、<title>、<body>、<header>、<footer>、<article>、<section>、<p>、<div>、<span>、<img>、<aside>、<audio>、<canvas>、<datalist>、<details>、<embed>、<nav>、<output>、<progress>、<video>、<ul>、<ol>、<li> 等等。

HTML 元素通过“标签”(tag)将文本从文档中引出,标签由在“<”和“>”中包裹的元素名组成,HTML 标签里的元素名不区分大小写。也就是说,它们可以用大写,小写或混合形式书写。例如,<title> 标签可以写成 <Title>,<TITLE> 或以任何其他方式。然而,习惯上与实践上都推荐将标签名全部小写。

下面的文章会帮助你更好地了解 HTML。

In this article
主要资源
初学者教程
高级主题
参考
相关主题
monday.com
Manage your dev team with clarityTrack the software development lifecycle — from velocity trends to individual performance metrics.Start for free
Ad
Don't want to see ads?

主要资源
HTML 介绍
如果你是 Web 开发新手,请务必阅读我们的 HTML 基础文章来了解什么是 HTML 以及如何使用它。

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

HTML 参考
在我们丰富的 HTML 参考部分中,你可以找到在 HTML 中每一个元素和属性的详细信息。

初学者教程
我们的 HTML 学习区 含有许多富有特色的模块,学习者可以在没有任何先前经验的情况下从零开始,掌握 HTML。

HTML 介绍
这一模块将为你打下基础,并为进一步的学习铺平道路。在这里,你将掌握一些重要的概念和语法,学习如何将 HTML 用于文本、如何创建超链接以及运用 HTML 去构建一个网页。

多媒体与嵌入内容
这个模块将带领你探索如何使用 HTML 在你的网页中包含多媒体内容,包括通过许多不同的方式嵌入图片,以及如何嵌入视频、音频甚至整个其他网页。

HTML 表格
如何用可理解并易于访问的形式在网页中展示表格化数据一向都是个不小的挑战。这个模块涵盖了基本的表格标记,以及一些更复杂的特性,比如实现标题和总结等。

HTML 表单
表单是构成 Web 世界的重要组成部分——它们提供了大量你所需要用来与网站进行交互所需的功能。比如注册、登录、发送评论反馈、购买商品等等。这个模块将引导你建立一个客户端/前端部分的表单。

用 HTML 解决常见问题
该部分提供了一些链接,它们指向那些你在构建 Web 页面的过程中最常见的问题的解决方法:如何处理网页标题、添加图片或视频、强调某些内容、建立基本的表单等。

高级主题
CORS 处理跨域图片
通过搭配 crossorigin 属性和适当的 CORS 标头,在 <img> 元素中定义的图片可以从外部来源加载并在 <canvas> 元素中使用,就像是从本地源加载一样。

CORS 设置属性
一些提供了对 CORS 的支持的 HTML 元素,比如 <img> 或 <video>,具有 crossorigin 元素属性/attribute(crossOrigin 对象属性/property),该属性能使你配置其跨域获取资源的请求。

使用 rel="preload" 预加载页面内容
<link> 元素的 rel 属性的值 preload 允许你在 HTML 的 <head> 部分声明一些(资源)获取请求,以指定那些在页面加载后即刻需要的资源。因此在浏览器的主渲染机制介入前,这些资源会在页面加载生命周期的早期阶段进行预加载。这样可以保证这些资源可被更早使用并减少阻塞页面初次渲染的可能性,从而提升性能。这篇文章提供了关于 preload 作用机制的基本指导。

 
posted @ 2025-10-22 15:32  品牌宣传支持者  阅读(17)  评论(0)    收藏  举报