首頁 web前端 html教學 超級連結a的提示方式和開啟方式_HTML/Xhtml_網頁製作

超級連結a的提示方式和開啟方式_HTML/Xhtml_網頁製作

May 16, 2016 pm 04:45 PM
內容 打開 提示 方式 使用者 連結


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

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

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何用小紅書號找出用戶?能查到手機號碼嗎? 如何用小紅書號找出用戶?能查到手機號碼嗎? Mar 22, 2024 am 08:40 AM

隨著社群媒體的迅速發展,小紅書已經成為了備受青睞的社群平台之一。用戶可以透過建立小紅書號來展示個人身份,並與其他用戶交流互動。如果你需要找某個用戶的小紅書號碼,可以按照以下簡單步驟來操作。一、如何用小紅書號找出用戶? 1.開啟小紅書APP,點選右下角的「發現」按鈕,然後選擇「筆記」選項。 2.在筆記清單中,找到你想找的用戶發布的筆記。點擊進入筆記詳情頁。 3.在筆記詳情頁中,點選使用者頭像下方的「追蹤」按鈕,即可進入該使用者的個人首頁。 4.在使用者個人主頁右上角,點選三個點按鈕,然後選擇「個人資訊

谷歌瀏覽器提示此標籤頁的內容正在被分享怎麼辦? 谷歌瀏覽器提示此標籤頁的內容正在被分享怎麼辦? Mar 13, 2024 pm 05:00 PM

  Google瀏覽器提示此標籤頁的內容正在被分享怎麼辦?我們在使用Google瀏覽器開啟新標籤的時候有時會遇到提示此標籤頁的內容正在被分享,那麼這是怎麼回事?以下就讓本站來為使用者來仔細的介紹一下谷歌瀏覽器提示此標籤頁的內容正在被共享的問題解析吧。  Google瀏覽器提示此標籤頁的內容正在被共享解決方法  1、打開谷歌瀏覽器,在瀏覽器右上角可以看到三個點「自訂和控制Googlechrome」用滑鼠點擊圖示進行圖示。  2、點擊後,Google瀏覽器的選單視窗將彈出到下面,滑鼠將移動到「更多工具

ppt怎麼做圓形的圖片和文字 ppt怎麼做圓形的圖片和文字 Mar 26, 2024 am 10:23 AM

首先,在 PPT 中繪製一個圓圈,然後插入一個文字框,輸入文字內容。最後,設定文字方塊的填滿和輪廓為無,即可完成圓形圖片和文字的製作。

115://開頭的連結怎麼下載?下載方法介紹 115://開頭的連結怎麼下載?下載方法介紹 Mar 14, 2024 am 11:58 AM

  最近有很多用戶都在問小編,115://開頭的連結怎麼下載?想要下載115://開頭的連結需要藉助115瀏覽器,大家下載好115瀏覽器後,再來看看下面小編整理好的下載教學。  115://開頭的鏈接下載方法介紹  1、登入115.com,下載115瀏覽器並安裝。  2、在1​​15瀏覽器網址列輸入:chrome://extensions/,進入擴充中心,搜尋Tampermonkey,安裝對應插件。  3、在115瀏覽器網址列輸入:  油猴腳本:https://greasyfork.org/en/

以超級使用者登入Ubuntu 以超級使用者登入Ubuntu Mar 20, 2024 am 10:55 AM

在Ubuntu系統中,root使用者通常是停用狀態的。要啟動root用戶,可以使用passwd指令設定密碼,然後使用su-指令以root身分登入。根用戶是具有系統管理權限且不受限制的使用者。他擁有存取和修改檔案、使用者管理、軟體安裝和刪除,以及系統配置變更等權限。根用戶與一般用戶有著明顯的區別,根用戶擁有系統中最高的權限和更廣泛的控制權。根用戶可以執行重要的系統命令和編輯系統文件,而普通用戶則無法做到這一點。在本指南中,我將探討Ubuntu根用戶,如何以根用戶身份登錄,以及它與一般用戶的不同之處。注意

如何取得微信影片號連結?微信影片號碼怎麼加入商品連結? 如何取得微信影片號連結?微信影片號碼怎麼加入商品連結? Mar 22, 2024 pm 09:36 PM

微信視訊號作為微信生態系統的一部分,已逐漸成為內容創作者和商家的重要推廣工具。在這個平台上獲取視頻號連結對於分享和傳播內容至關重要。下文將詳細介紹如何獲取微信視頻號鏈接,以及如何在視頻號中添加商品鏈接,提升內容的傳播效果。一、如何取得微信影片號連結?在微信視頻號中發布影片後,系統會自動建立一個影片連結。作者可以在發布後複製該鏈接,方便進行分享和傳播。登入微信影片號碼後,您可以瀏覽自己的影片號碼首頁。在主頁上,每個視頻都附有相應的鏈接,方便您直接複製或分享。 3.搜尋影片號碼:在微信搜尋框中輸入影片號名

word中怎麼給文字加點? word中怎麼給文字加點? Mar 19, 2024 pm 08:04 PM

我們在日常製作Word文件時,有時需要給文檔中的某些文字下方加點,尤其是出試題的時候。來用於重點突出這部分內容,小編給大家分享下word中怎麼給文字加點的技巧,希望能幫助到您。 1.開啟一個空白word文檔。  2.舉例例如給「如何為文字加點」幾個字的下面加上點。  3.我們先把「如何給文字加點」幾個字用滑鼠左鍵選擇了,注意以後你想給那個字加點就先用滑鼠的左鍵選擇哪個字。今天我們給這幾個字都加一點,所以幾個字都選了。選中這幾個字後右鍵,在彈出的功能框中點擊字體。  4.然後就會出現一個這樣的

抖音小遊戲在哪裡開?開啟抖音小遊戲的兩種方法 抖音小遊戲在哪裡開?開啟抖音小遊戲的兩種方法 Mar 15, 2024 am 09:30 AM

  抖音是一款流行的短視頻社交應用程序,用戶不僅能觀看、分享各種類型的短視頻內容,還提供一系列小遊戲供你玩。那麼抖音小遊戲從哪裡來呢?抖音小遊戲入口在哪?下面就來看看詳細教學。  方法一:小程式開啟  1、點選我選項  進到抖音的主頁之後,點選我選項進入。  2、點選三橫線  進入到我介面之後,點選上面的三橫線按鈕。  3、點選小程式  開啟三橫線選項之後,點選裡面的小程式。  4、點選抖音小遊戲  進入到小程式介面之後,點選抖音小遊戲那個選項即可開啟。  方法二:搜尋開啟  1、點選放大鏡  進

See all articles