跳至主要内容
短.be

HTML

用于创建网页结构的标记语言。通过标签定义标题、段落、链接等页面元素。

2026 年 8 月 20 日 / 约 1 分钟阅读

SEO

HTML (HyperText Markup Language) 是用来搭建网页骨架的语言,很像建房子时的设计图。设计图指示墙和门放在哪里,HTML 则告诉浏览器哪里是标题、哪里是段落、哪里是链接。

HTML 用称为标签的记号来表现页面的结构。例如 <h1> 表示大标题,<p> 表示段落,<a> 表示链接。包含短链接的链接也同样写成 <a href="https://example.com/abc"> 这里 </a> 这样的形式。浏览器读取这些标签,转换成人类易读的样子显示在屏幕上。

只有 HTML 的网页外观会很单调。因此 CSS (Cascading Style Sheets) 负责颜色和布局,JavaScript 负责动效与交互。用房子来比喻,这 3 者的分工是 HTML 为骨架,CSS 为内装和外装,JavaScript 相当于电力和自来水这样的设备。

HTML 由蒂姆·伯纳斯-李在 1991 年提出。最初只是用链接把学术论文连接起来的简单机制,现在的 HTML5 已具备视频播放、位置信息获取、离线支持等高级功能。该规范最初由 W3C (World Wide Web Consortium) 制定,自 2019 年起改由 WHATWG 以《HTML Living Standard》的形式持续更新。

短链接的重定向也可以用 HTML 实现。只要在页面中嵌入 <meta http-equiv="refresh" content="0;url=转发目标"> 这样的标签,浏览器就会自动移动到转发目标。不过,在服务器端进行 HTTP 重定向速度更快,对 SEO 也更有利。

这篇文章对您有帮助吗?

相关术语

Meta 标签

HTML 头部中提供页面元数据的标签,包括描述、关键词、视口设置等信息。

Title 标签

HTML 中定义页面标题的标签,是最重要的 SEO 元素之一,显示在搜索结果和浏览器标签中。

OGP

Open Graph Protocol 的缩写,用于控制网页在社交媒体上分享时的显示效果。

Hreflang

HTML 标签属性,用于告诉搜索引擎页面的语言和地区版本,支持多语言 SEO。

Schema.org

由 Google、Bing、Yahoo 等搜索引擎共同维护的结构化数据词汇表标准。

Meta Description

HTML 中描述页面内容摘要的 meta 标签,常显示在搜索结果的标题下方。

相关文章

超链接这项伟大发明 - 把全世界的信息连在一起的机制

通俗讲解超链接为什么是一项革命性的发明,以及它如何改变了我们获取信息的方式。从与书本索引的本质区别、蒂姆·伯纳斯-李免费公开万维网的伟大贡献、链接像蜘蛛网一样连接全球信息的原理,到死链问题和短链接的寿命风险,一一介绍。了解这项改变世界的技术,你会对每次点击有全新的认识。

美丽 URL 的条件 - 从设计师视角思考 URL 的美学

URL 也有「美」。从可读性、可记忆性、品牌协调等设计角度考察理想 URL 的条件。介绍可应用于短链接短码设计的美学原则。

图解网址缩短原理 - 重定向的技术背景

结合 HTTP 响应示例和 Base62 编码计算实例,详细解说网址缩短服务实现重定向的技术原理。

常见问题

怎么开始学习 HTML?
只需要一个文本编辑器和浏览器就能开始。在记事本中写 HTML 代码,保存为 .html 文件,用浏览器打开就能看到效果。基本标签几个小时就能学会。
HTML 是编程语言吗?
严格来说不是。HTML 是"标记语言",只描述页面结构,不能进行计算或逻辑判断。要实现动态功能需要 JavaScript 等编程语言。
能看到网页的 HTML 代码吗?
可以。在大多数浏览器中右键点击页面,选择"查看页面源代码"就能看到。Chrome 中按 F12 打开开发者工具,还能实时查看和编辑 HTML。

把知识用到真实链接上

免费缩短网址