首頁  >  文章  >  web前端  >  html中超連結a的提示方式和開啟方式

html中超連結a的提示方式和開啟方式

PHPz
PHPz原創
2017-04-02 10:06:102470瀏覽

互聯網上不計其數的資訊本質上都是一個一個的HTML文檔組成的,透過連結將它們串聯起整個互聯網。這就猶如骨肉之於人體一樣,只有透過經脈才能將它們串聯起來,組成一個完整的人體。 看似最基本的一個標籤,卻是HTML文檔中至關重要不可或缺的一個標籤。

網路上不計其數的資訊本質上都是一個一個的HTML文件組成的,透過連結將它們串連起整個互聯網。這就猶如骨肉之於人體一樣,只有透過經脈才能將它們串聯起來,組成一個完整的人體。 
看似最基本的一個
標籤,卻是HTML文件中至關重要不可或缺的一個標籤。這個標籤是頁面之間連結的一個紐帶,起著一個橋樑的作用。這座橋樑在頁面裡的也以各種各樣的方式出現著,不同的網站以不同的方式對其進行著裝飾,然而最終的目的卻是一樣的——給用戶一個更直觀更人性化的連結提示。 
標籤在HTML文件裡可以設定不同的提示方式及不同的開啟方式,本文也只對這兩方面做一個簡單分析,歡迎補充更多的資訊。
連結的提示方式: 
1、文字帶有顏色並有底線:這是瀏覽器預設的連結提示方式,可以很清楚的告訴使用者哪裡是可以點擊有連結的,哪裡是沒有連結的。很多網站都採用這種預設的連結提示方式,像是新浪網、搜狐網。然而這種連結提示方式出現在新聞列表頁裡是很不合適的,新聞列表頁裡的文字基本上都是屬於標題,也就是說都是帶有鏈接可點擊的,既然整個頁面的文字都是帶有連結可點擊的,那麼使用這種方式對連結進行提示似乎完全沒有必要,而且整個頁面全是下劃線,會帶來很嚴重的視覺疲勞感。這種方式出現在連結不多的內容頁,就可以很好的完成鏈接本身的提示任務; 

2、文字帶有顏色沒有下劃線:這是目前很多網站在新聞列表頁的鏈接提示方式。這種方式應用在新聞列表頁很適合,去除了整頁煩人的底線。也有很多網站把這種提示方式應用在內容頁裡,因為突出了連結文字與內容文字的不同,然而在我看來這種方式應用在內容頁裡沒有上一種方式好; 
3、文字沒有顏色沒有底線:這是另一種應用於新聞列表頁裡的連結提示方式。既然整頁的文字都是可連結的,那麼文字帶不帶有顏色似乎已經可以忽略不計,因為已經沒有特殊的意義,除了為了美化頁面而使用帶有顏色的文字。同樣也有一些網站把這種提示方式應用在內容頁裡,例如泡泡網的內容頁。這就需要把滑鼠移到連結文字上面才會以文字變色加下劃線之類的方式來提示可連結性,在內容頁使用這種提示方式的前提是該連結對於內容本身頁言只是個可有可無的附帶品; 
4、底線為虛線:這是很特殊的提示方式,基本上應用在內容頁裡的彈出層廣告連結。 
在我看來最好的連結提示方式是:新聞列表頁不顯示下劃線,內容頁的連結文字顯示下劃線,至於連結文字是否應該帶有顏色,主要還是看頁面的設計。 
連結的開啟方式: 
1、目前頁面跳轉:這也是瀏覽器預設的連結開啟方式。相對於彈出一堆的
標籤頁或是瀏覽器視窗來說,當前頁跳轉無疑是最讓人感覺簡潔舒服的,很自然的這也成了瀏覽器的預設開啟方式。然而在實際的應用中卻並非如此。如果連結是在新聞列表頁,那麼在當前頁跳轉問題並不大,但如果連結文字是在內容頁,那麼在當前頁跳轉則顯得很不合理,在當前頁跳轉則意味著瀏覽器會丟棄當前的數據,但內容頁的連結文字是混在大段的內容中的,是給出當前文字的相關信息的邏接,用戶很自然的閱讀到鏈接文字時會點擊查看相關信息,不可能閱讀完全文後再點選連結文字跳轉; 
2、彈出頁跳轉:這是最保險、最常用的連結開啟方式。在內容頁裡的連結文字使用這種開啟方式,能最大限度的不影響使用者目前的閱讀行為,在保證使用者的獲取資訊的順暢性的同時最大限度的提供相關資訊; 
3、彈出層顯示:這種開啟方式一般都是用在對目前連結文字的簡短解釋上的,當然也用在廣告的顯示上。
什麼樣的連結開啟方式對於使用者來說,有一定的影響,但更大的影響來自於連結開啟方式的統一性,同類的連結方式採用統一的當前頁跳轉或是彈出頁跳轉,最多只是影響用戶在使用上是否順暢,但如果同類的連結打開方式一下是當前頁跳轉一下又是彈出頁跳轉,帶給用戶的就不是操作上是否有順暢感,而是讓用戶感覺迷惑。

以上是html中超連結a的提示方式和開啟方式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn