我如何可視化地指出哪些鏈接是我網站的外部鏈接？

如果CSS3是一個選項（不包括IE6），你可以以不同風格的外部鏈接，只要你的線是相對的，不是絕對的，我的意思是你的鏈接是這樣的：

<a href="/dir/page.htm">My Page</a> 
//and external... 
<a href="http://www.google.com">External</a>

，那麼你可以使用CSS3 attribute selectors以不同風格的外部鏈接，就像這樣：

a { color: blue; } /* Internal links */ 
a[href^=http] { color: red; } /* External Links */

You can see an example of this working here這將使用屬性「開頭，以」選擇，任何有一個href="http...."將這一規則得到樣式。我看到的唯一選擇是讓你的外部（或內部，或者一個）在渲染時鏈接一個類，或者通過javascript執行相同的操作。

來源

2010-04-26 21:37:12

個人我會在前言一個圖標，指示一個外部鏈接（http://jsfiddle.net/FFf24/4/），顏色不明確，它可能是一個訪問過的鏈接。但爲CSS選擇器+1， – meo 2010-04-26 21:40:59

@meo - 我同意這是一個*多*強的視覺指標，'顏色'只是隨機挑選，以說明風格的工作。 – 2010-04-26 21:45:13

謝謝，它工作:) – systempuntoout 2010-04-26 21:53:08

如果您對IE6用戶被排除在外，您可以使用here中的第4項。否則，我會去手動添加一個類到外部鏈接或使用jQuery（或其他，getElementsByTagName）和測試如果href包含「http：//」。如果是這樣，我會爲這些元素添加一個類。當然，如果你願意使用javascript，這隻會是可以接受的。

來源

2010-04-26 21:37:47 nc3b

我如何可視化地指出哪些鏈接是我網站的外部鏈接？

回答

相關問題