在线链接为简单的在线互动奠定了基础，无论是将用户发送到网页、可下载的文件，还是其他应用程序。

最棒的是，你可以在许多应用程序中制作可点击的链接，包括作为内容管理系统、网站建设器、文字处理程序和电子邮件客户端。

本指南说明了你需要知道的关于如何使链接可被点击的一切，同时还解释了链接背后的基础知识以及你在创建链接时可能遇到的术语。

对于一段内容–如文本或图像–提供点击性，或将你的光标放在内容上并导航到其他地方的互动选项，有各种术语。

其中一些术语包括：

从技术上讲，所有这些都有自己的定义，但现在它们可以互换使用。

用户与网上内容互动的能力依赖于这些超链接，用户可以滚动到一点文字、图像或按钮上并点击它，从而将他们送到另一块内容（如外部网页）或执行一个动作（如用智能手机拨打一个电话号码）。

一个简单的HTML编码版本的超链接看起来像这样：

但是，当考虑到目标和nofollow元素等可选项目时，它就变得更加复杂：

注：要制作一个可点击的链接，你必须用你自己的信息取代上述例子中的 “https://example.com/”和 “超链接文本”。

以下是构成超链接的要素：

超链接的要素

继续阅读以了解这些元素中的每一个，以及它们如何工作。

你可以用两种类型的内容创建可点击链接：

这意味着，只要你使用的应用程序支持超链接，你就可以在你的内容中找到任何一行书面文字或图像，并将其变成一个可点击的链接。

超链接的文本

文本是制作可点击链接时的内容选项之一。

如果你使用的是像WordPress这样的编辑器，你可以在编辑器屏幕上突出任何你想要的文本，然后选择链接按钮。

在WordPress中添加一个链接

这在前台渲染了一个链接，通常是彩色的、带下划线的文本。

前台的可点击链接

当用户用鼠标悬停在一个文本超链接上时，它有时会发生变化，通常会改变颜色或隐藏下划线，以说明它是一个可点击的链接。

此外，当鼠标移动到文本链接上时，浏览器通常会显示链接的URL的预览，让你看到它通往何处。

目标URL的预览

超链接的图片

许多程序–包括WordPress–让你使用在线媒体（如图片）生成超链接。

这个方法是在后台选择一个图片（而不是文本），然后通过链接函数添加所需的URL。

链接一个图像

一旦发布，当悬停在图片上时，标准的光标箭头会变成手形光标，访问者会看到浏览器呈现出链接的URL的预览。

目标URL的预览

无论是图像链接还是文本链接，点击它将激活一个动作，比如将用户发送到一个不同的URL。

一个外部目标页面

编码是怎样的

超链接中的文本或图像内容在下面的例子中用 “链接文本” 表示：

然而，学习如何制作可点击的链接意味着你将用自己的内容替换文本。

对于文本链接，可单击的文本位于右括号之前。

链接文本

图片链接有点不同，因为它们必须包括图片的URL（如果上传到您的网站媒体数据库，则最好）。

该媒体URL位于 img src="" 部分的引号之间。

图片来源URL

还有其他一些元素需要添加到图片链接中，比如：

作为超链接的一部分，URL作为目标或行动，在人们点击链接时发生。

一个可点击链接中的URL

但不是所有的URL都具有网页URL的功能。你可能会发现，一些超链接具有 “点击呼叫” 功能，允许用户从他们的智能手机上直接点击呼叫一个电话号码。

点击呼叫功能的一个例子

另一个选择是揭示一个地图，打开用户手机上的地图应用程序。

通往地图应用程序的链接

编码看起来如何

可点击链接中的URL被放在超链接的