資料結構
網路
關係資料庫管理系統 (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.tw/">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.tw/">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.tw/">Tutorialspoint</a>
</h3>
</body>
</html>
如果您將滑鼠懸停在連結上或右鍵單擊連結，它會將顏色更改為紅色。這是使用者與連結互動時的情況。
更新於：2023年8月29日
867 次瀏覽
廣告