互聯網上不計其數的信息本質上都是一個一個的HTML文檔組成的,通過鏈接將它們串聯起整個互聯網。這就猶如骨肉之於人體一樣,只有通過經脈才能將它們串聯起來,組成一個完整的人體。
看似最基本的一個<a />標簽,卻是HTML文檔中至關重要不可或缺的一個標簽。這個標簽是頁面之間鏈接的一個紐帶,起著一個橋梁的作用。這座橋梁在頁面裡的也以各種各樣的方式出現著,不同的網站以不同的方式對其進行著裝飾,然而最終的目的卻是一樣的——給用戶一個更直觀更人性化的鏈接提示。
<a />標簽在HTML文檔裡可以設置不同的提示方式及不同的打開方式,本文也只對這兩方面做一個簡單分析,歡迎補充更多的信息。
鏈接的提示方式:
1、文字帶有顏色並有下劃線:這是浏覽器默認的鏈接提示方式,可以很清楚的告訴用戶哪裡是可以點擊有鏈接的,哪裡是沒有鏈接的。很多網站采用這種默認的鏈接提示方式,比如新浪網、搜狐網。然而這種鏈接提示方式出現在新聞列表頁裡是很不合適的,新聞列表頁裡的文字基本上都是屬於標題,也就是說都是帶有鏈接可點擊的,既然整個頁面的文字都是帶有鏈接可點擊的,那麼使用這種方式對鏈接進行提示似乎完全沒有必要,而且整個頁面全是下劃線,會帶來很嚴重的視覺疲勞感。這種方式出現在鏈接不多的內容頁,就可以很好的完成鏈接本身的提示任務;
2、文字帶有顏色沒有下劃線:這是目前很多網站在新聞列表頁的鏈接提示方式。這種方式應用在新聞列表頁很適合,去除了整頁煩人的下劃線。也有很多網站把這種提示方式應用在內容頁裡,因為突出了鏈接文字與內容文字的不同,然而在我看來這種方式應用在內容頁裡沒有上一種方式好;
3、文字沒有顏色沒有下劃線:這是另一種應用於新聞列表頁裡的鏈接提示方式。既然整頁的文字都是可鏈接的,那麼文字帶不帶有顏色似乎已經可以忽略不計,因為已經沒有特殊的意義,除了為了美化頁面而使用帶有顏色的文字。同樣也有一些網站把這種提示方式應用在內容頁裡,比如泡泡網的內容頁。這就需要把鼠標移動到鏈接文字上面才會以文字變色加下劃線之類的方式來提示可鏈接性,在內容頁使用這種提示方式的前提是該鏈接對於內容本身頁言只是個可有可無的附帶品;
4、下劃線為虛線:這是很特殊的一種提示方式,基本上應用在內容頁裡的彈出層廣告鏈接。
在我看來最好的鏈接提示方式是:新聞列表頁不顯示下劃線,內容頁的鏈接文字顯示下劃線,至於鏈接文字是否應該帶有顏色,主要還是看頁面的設計。
鏈接的打開方式:
1、當前頁跳轉:這也是浏覽器默認的鏈接打開方式。相對於彈出一堆的標簽頁或是浏覽器窗口來說,當前頁跳轉無疑是最讓人感覺簡潔舒服的,很自然的這也成了浏覽器的默認打開方式。然而在實際的應用中卻並非如此。如果鏈接是在新聞列表頁,那麼在當前頁跳轉問題並不大,但如果鏈接文字是在內容頁,那麼在當前頁跳轉則顯得很不合理,在當前頁跳轉則意味著浏覽器會丟棄當前的數據,但內容頁的鏈接文字是混在大段的內容中的,是給出當前文字的相關信息的邏接,用戶很自然的閱讀到鏈接文字時會點擊查看相關信息,不可能閱讀完全文後再點擊鏈接文字進行跳轉;
2、彈出頁跳轉:這是最保險也是最常用的鏈接打開方式。在內容頁裡的鏈接文字使用這種打開方式,能最大限度的不影響用戶當前的閱讀行為,在保證用戶的獲取信息的順暢性的同時最大限度的提供相關信息;
3、彈出層顯示:這種打開方式一般都是用在對當前鏈接文字的簡短解釋上的,當然也用在廣告的顯示上。
什麼樣的鏈接打開方式對於用戶來說,存在一定的影響,但更大的影響來自於鏈接打開方式的統一性,同類的鏈接方式采用統一的當前頁跳轉或者是彈出頁跳轉,最多只是影響用戶在使用上是否順暢,但如果同類的鏈接打開方式一下是當前頁跳轉一下又是彈出頁跳轉,帶給用戶的就不是操作上是否有順暢感,而是讓用戶感覺迷惑。