数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装学
法学普通链接和激活链接的区别
超链接，也称为链接，是当今网站中至关重要的组成部分。它们是可点击的，可用于在源网页与不同页面或同一网页中的不同部分之间导航。
在大多数网站中，链接将显示为下划线并具有不同的颜色。链接分为以下类型：
未访问链接
已访问链接
激活链接
让我们在本篇文章中通过合适的示例进一步讨论上面提到的链接。
未访问链接
在HTML中，未访问链接是用户尚未点击的超链接。默认情况下，未访问链接的颜色为蓝色，带下划线。但是，我们可以使用CSS属性(a:link)自定义样式。
示例
在下面的示例中，我们创建了一个未使用CSS属性进行任何自定义的超链接。
<html> <head> <title>Difference between normal links and active links</title> </head> <body> <h3>Click here to visit → <a href="https://tutorialspoint.com/">Tutorialspoint</a> </h3> </body> </html>
正如我们在输出中看到的，超链接显示为默认的蓝色，并带有下划线。
已访问链接
已访问链接是用户点击过的超链接。这表示这些链接以前已被访问过。默认情况下，在大多数浏览器中，已访问链接的颜色为紫色，并带有下划线。但是，我们可以使用CSS属性(a:visited)自定义已访问链接的样式。
示例
在下面的示例中，我们创建了一个超链接并使用CSS属性自定义了其样式。
<html>
<head>
<title>Difference between normal links and active links</title>
<style>
a:visited {
color: purple;
background-color: transparent;
text-decoration: none;
}
</style>
</head>
<body>
<h3>Click here to visit → <a href="https://tutorialspoint.com/">Tutorialspoint</a>
</h3>
</body>
</html>
点击链接后，它会将您重定向到目标页面，如果您返回到原始页面，您可以看到链接颜色将更改为紫色。这表示您已点击它并访问了目标页面。
激活链接
激活链接是用户当前正在与之交互的超链接。每当用户按住鼠标按钮在链接上并且尚未释放，或者右键单击它时，它会将其颜色更改为红色，此时链接处于激活状态。
激活状态是暂时的，一旦用户释放鼠标按钮就会结束。但是，我们可以使用CSS属性(a:active)自定义激活链接的样式。
示例
在下面的示例中，我们正在创建一个超链接并使用CSS自定义其样式。
<html>
<head>
<title>Difference between normal links and active links</title>
<style>
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
</style>
</head>
<body>
<h3>Click here to visit → <a href="https://tutorialspoint.com/">Tutorialspoint</a>
</h3>
</body>
</html>
如果您将鼠标悬停在链接上或右键单击链接，它会将颜色更改为红色。这是用户与链接交互时的情况。
更新于：2023年8月29日
867 次浏览
广告