超文本标记语言/超链接

超链接是互联网导航的基础。它们用于在同一页面的各个部分之间移动、下载文件以及跳转到其他 Web 服务器上的页面。超链接使用锚标记创建。让我们从一个简单的示例开始

To learn more, see <a href="http://en.wikipedia.org/wiki/Main_Page">Wikipedia</a>.

将显示为：要了解更多信息，请参阅维基百科.

绝对 vs. 相对

在我们开始创建超链接（简称“链接”）之前，我们需要讨论绝对 URL 和相对 URL 之间的区别。首先，绝对 URL 可用于将浏览器指向任何位置。例如，绝对 URL 可能为

https://wikibooks.cn/

但是，当需要创建指向与网页位于同一目录树中的多个对象的链接时，反复输入每个被链接对象的完整 URL 会是一个繁琐的过程。如果网页移动到新位置，它还需要大量的修改。这就是相对 URL 发挥作用的地方。它们指向相对于网页当前目录的路径。例如

home.html
./home.html
../home.html

这是一个指向名为 home.html 的 HTML 文件的相对 URL，该文件与包含链接的当前网页位于同一目录（文件夹）中。同样地

images/top_banner.jpg

这是另一个指向名为 images 的子目录的相对 URL，该子目录包含一个名为“top_banner.jpg”的图像文件。

链接到页面中的位置

有时，指定指向页面的链接还不够。您可能希望链接到文档中的特定位置。这种类型引用的书籍类比是说“第 32 页的第三段”，而不是仅仅说“第 32 页”。假设您想要从文档 a.html 链接到文档 b.html 中的特定位置。然后，您首先为 b.html 中的特定段落指定一个 ID。这是通过在 b.html 中将 <p id="some_name">（其中 some_name 是您选择的字符串）添加为段落标签来完成的。现在可以使用 <a href="b.html#some_name"> 从文档 a.html 中引用该位置。

目标链接

现在我们准备创建超链接。以下是基本语法

<a href="URL location" target="target">Alias</a>;

在上面的语法中，“URL 位置”是所链接对象的绝对路径或相对路径。“目标”是一个可选属性，用于指定所链接对象将在哪里打开/显示。例如

<a href="https://wikibooks.cn/" target="_blank">English Wikibooks</a>;

上面的示例使用 https://wikibooks.cn/ 的绝对 URL，并指定一个目标为“_blank”（这将导致 URL 在新的浏览器窗口中打开）。

特殊目标

_blank: 将打开一个新的空白窗口，并将链接的文档加载到其中。地址栏中的位置（如果在新窗口中显示）会显示用户单击超链接请求的新资源的超链接位置。
_self: 包含文档和要单击的链接的当前框架用于加载链接的文档；如果链接是占据整个窗口的文档的一部分，那么新文档将加载到整个窗口中，但在框架的情况下，链接的文档将加载到当前框架中。除非链接的文档被加载到主窗口中而不是框架集的子框架中，否则地址栏中不会显示该位置。
_parent: 链接的文档将加载到包含要单击的链接的框架的父框架中；这在嵌套框架集中很重要。如果窗口 W 包含由子框架 A 和子框架 B 组成的框架集 F，而子框架 B 本身是一个包含“孙子”框架 C 和 D 的框架集 FF（这使得我们拥有包含三个可见窗格 A、C 和 D 的窗口 W），那么在 D 中的页面中单击一个目标为_parent 的超链接会将链接的文档加载到 D 的父框架中，即加载到框架 B 中，从而替换之前定义为框架 B 内容的框架集 FF。框架集 FF 中的文档 C 和 D 将被完全替换，这将只留下框架 A 和超链接中的新文档，它们都在窗口 W 中的主框架集 F 中。只有当父框架恰好是窗口本身时，该位置才会显示在窗口的地址栏中。
_top: 链接的文档将加载到窗口中，替换当前显示在窗口中的所有文件，无论它们位于哪些框架中。在单击超链接后，窗口顶部地址/位置栏中的位置将显示为指向链接的文档。

图像上的超链接

示例

<a href="http://en.wikipedia.org/wiki/HTML">
<img src="http://commons.wikimedia.org/wiki/Image:Html-source-code2.png"></a>

示例渲染

如您所见，将超链接放在图像上与将它们放在文本上完全类似。您不是将文本放在 a 元素中，而是将图像放在其中。

电子邮件链接

要创建电子邮件链接，请使用

<a href="mailto:[email protected]">Email Example.com</a>

.