使用者介面討論 網頁中超連結的下劃線

2022-09-29 04:00:09 字數 903 閱讀 9848

關於超連結中的下劃線這個及細節的問題,想必大家都有過討論和思考,最重要的原則即:讓使用者清楚的區分超連結文字和其他文字形式,並潛意識知道可以點選。但對於是否可以潛意識知道可以點選,還是有爭議的,不同的人,不同的環境會有不同的見解。

不妨分幾個場景討論一下:

程式設計客棧1. 導航區域,潛意識我會去點選。

即便有下劃線也是個「古老形式」的擺設,所以一般沒有下劃線;好的設計不僅滿足點選,還滿足視覺的層級關係。

2. 整頁全是鏈結,下劃線成了可有可無的表現。

象新浪、搜狐首頁都是可以點選的,所以下劃線的有無意義也就不大,貓撲在首頁設計中就去掉了可有可無的下劃線。(下圖自上而下依次為:新浪、搜狐、貓撲。)

3. 可以點選嗎?別讓我去猜!

看下面的設計抓圖,只有google和百度的設計我沒有疑惑,其他兩個的設計我要自己去猜。

4. 在超連結和文字混排的情況下,下劃線更容易讓我們去點選。

5. 獨立超連結,不加下劃線不足以「明示」。

6. 需要特別突出顯示的鏈結,必要的時候使用「偽按鈕」。

關於偽按鈕的問題,臭魚在其接受偽按鈕已闡述的比較明確,在程式設計客棧此不再贅述。

說明:大家根據具體的環境而定,目的是讓超連結更容易被潛意識的點選,避免過多的嘗試和思考而浪費程式設計客棧瀏覽者更多的時間。

附:超連結的作用

羅嗦一下基本概念,所謂的超連結是指從乙個網頁指向乙個目標的連線關係www.cppcns.com,這個目標可以是另乙個網頁,也可以是相同網頁上的不同位置,還可以是乙個,乙個電子郵件位址,乙個檔案,甚至是乙個應用程式。而在乙個網頁中用來超連結的物件,可以是一段文字或者是乙個。當瀏覽者單擊已經鏈結的文字或後,鏈結目標將顯示在瀏覽器上,並且根據目標的型別來開啟或執行。

按照鏈結路徑的不同,網頁中超連結一般分為以下3種型別: 內部鏈結,錨點鏈結和外部鏈結。

本文位址:

提取網頁中的超連結

using system using system.xml using system.text using system.net using system.io using system.collections using system.text.regularexpressions console...

提取網頁中的超連結

using system using system.xml using system.text using system.net using system.io using system.collections using system.text.regularexpressions console...

提取網頁中的超連結

using system using system.xml using system.text using system.net using system.io using system.collections using system.text.regularexpressions console...