什么是超链接?

在本文中,我们将介绍什么是超链接以及它们为什么重要。

先决条件 您应该了解互联网是如何工作的,并熟悉网页、网站、Web 服务器和搜索引擎之间的区别
目标 了解 Web 上的链接及其重要性。

摘要

超链接,通常称为链接,是 Web 背后的一个基础概念。为了解释什么是链接,我们需要回到 Web 架构的最基本原理。

早在 1989 年,Web 的发明者蒂姆·伯纳斯-李就谈到了 Web 赖以存在的三个支柱

  1. URL,一个用于跟踪 Web 文档的地址系统
  2. HTTP,一个在给定 URL 时查找文档的传输协议
  3. HTML,一种允许嵌入超链接的文档格式

正如您在三个支柱中看到的,Web 上的一切都围绕着文档以及如何访问它们展开。Web 的最初目的是提供一种简单的方法来访问、阅读和浏览文本文档。从那时起,Web 已经发展到提供对图像、视频和二进制数据的访问,但这些改进几乎没有改变这三个支柱。

在 Web 出现之前,访问文档和从一个文档移动到另一个文档非常困难。作为人类可读的 URL 已经使事情变得更容易,但是每当您想要访问文档时键入一个长 URL 却很麻烦。这就是超链接彻底改变一切的地方。链接可以将任何文本字符串与 URL 相关联,以便用户可以通过激活链接立即到达目标文档。

链接通过下划线和蓝色文本从周围的文本中脱颖而出。点击或点击链接以激活它,或者如果您使用键盘,请按 Tab 键直到链接处于焦点状态,然后按 Enter 或空格键。

Example of a basic display and effect of a link in a web page

链接是使 Web 如此有用和成功的突破。在本文的其余部分,我们将讨论各种类型的链接及其对现代 Web 设计的重要性。

深入探究

正如我们所说,链接是一个与 URL 绑定的文本字符串,我们使用链接来允许轻松地在文档之间跳转。也就是说,有一些细微差别值得考虑

两个网页之间的链接,其中两个网页都属于同一个网站,称为内部链接。如果没有内部链接,就没有网站(除非,当然,它是一个单页网站)。

从您的网页到他人网页的链接。如果没有外部链接,就没有 Web,因为 Web 是网页的网络。使用外部链接提供除您网页上提供的內容之外的信息。

从他人网页到您网站的链接。它与外部链接相反。请注意,当有人链接到您的网站时,您不必链接回来。

当您构建网站时,专注于内部链接,因为这些链接使您的网站可用。在拥有太多链接和太少链接之间找到一个良好的平衡。我们将在另一篇文章中讨论网站导航的设计,但作为一条规则,每当您添加新网页时,请确保您其他页面中的至少一个页面链接到该新页面。另一方面,如果您的网站有超过大约十个页面,则从每个页面链接到每个其他页面会适得其反。

在开始时,您不必过多担心外部和传入链接,但如果您希望搜索引擎找到您的网站,它们非常重要(有关更多详细信息,请参见下文)。

锚点

大多数链接将两个网页联系在一起。锚点将一个文档的两个部分联系在一起。当您遵循指向锚点的链接时,您的浏览器会跳转到当前文档的另一部分,而不是加载新文档。但是,您创建和使用锚点的方式与其他链接相同。

Example of a basic display and effect of an anchor in a web page

链接对用户和搜索引擎都很重要。每次搜索引擎抓取网页时,它们都会通过遵循网页上可用的链接来索引网站。搜索引擎不仅会遵循链接来发现网站的各个页面,而且还会使用链接的可视文本来确定哪些搜索查询适合到达目标网页。

链接会影响搜索引擎链接到您网站的容易程度。问题是,很难衡量搜索引擎的活动。公司自然希望他们的网站在搜索结果中排名靠前。我们知道以下关于搜索引擎如何确定网站排名的信息

  • 链接的可视文本会影响哪些搜索查询会找到给定的 URL。
  • 网页可以吹嘘的传入链接越多,它在搜索结果中的排名就越高。
  • 外部链接会影响源网页和目标网页的搜索排名,但影响程度尚不清楚。

SEO(搜索引擎优化)是对如何使网站在搜索结果中排名靠前的研究。改进网站对链接的使用是一种有用的 SEO 技术。

后续步骤

现在您需要设置一些带有链接的网页。

  • 要获得更多理论背景,请了解有关URL 及其结构的信息,因为每个链接都指向一个 URL。
  • 想要一些更实用的内容?我们的HTML 简介模块中的创建超链接文章详细解释了如何在实践中实现链接。