如果您決定從文本中刪除鏈接,請確保找到設(shè)置該文本樣式的方法,以區(qū)分什么是鏈接,什么是純文本。這通常是通過前面提到的顏色對比來完成的,但是對于有色盲等視覺損傷的瀏覽者來說,光是顏色就會造成問題。根據(jù)他們特殊的色盲形式,對比度可能會完全消失在他們身上,使他們看不到鏈接文本和非鏈接文本之間的區(qū)別。這就是為什么帶下劃線的文本仍然被認(rèn)為是顯示鏈接的好方式。那么,如果您仍然想這樣做,如何關(guān)閉下劃線呢?接下來,我們就
網(wǎng)站制作開發(fā)過程中去除鏈接下劃線的簡單方法展開討論。
使用層疊樣式表關(guān)閉鏈接上的下劃線。
在大多數(shù)情況下,您不需要僅在一個(gè)文本鏈接上關(guān)閉下劃線。相反,您的設(shè)計(jì)樣式可能要求您從所有鏈接中刪除下劃線。您可以通過將樣式添加到外部樣式表來完成此操作。
a {
text-decoration: none;
}
就這樣。這一行簡單的CSS將關(guān)閉所有鏈接上的下劃線(它實(shí)際上使用CSS屬性進(jìn)行“文本修飾”)。
您還可以使用此樣式獲得更多的具體信息。例如,如果只想關(guān)閉“nav”元素內(nèi)的下劃線或鏈接,則可以這樣寫:
nav a {
text-decoration: none;
}
現(xiàn)在,頁面上的文本鏈接將得到默認(rèn)的下劃線,但導(dǎo)航中的文本鏈接將被刪除。
許多網(wǎng)頁設(shè)計(jì)師選擇做的一件事是,當(dāng)有人在文本上徘徊時(shí),將鏈接“打開”。這可以使用:hover CSS偽類來完成,如下所示:
a {
text-decoration: none;
}
a:hover {
text-decoration:underline;
}
使用內(nèi)聯(lián)CSS
作為對外部樣式表進(jìn)行更改的替代方法,您還可以將樣式直接添加到HTML中的元素本身。此方法的問題是,它將樣式信息放置在HTML結(jié)構(gòu)中,這不是好實(shí)踐。樣式(CSS)和結(jié)構(gòu)(HTML)應(yīng)該保持分離。如果您希望刪除所有站點(diǎn)文本鏈接的下劃線,則在每個(gè)鏈接中單獨(dú)添加此樣式信息將意味著在站點(diǎn)代碼中添加大量的額外標(biāo)記。這種頁面膨脹可能會減慢站點(diǎn)的加載時(shí)間,并使整個(gè)頁面管理變得更具挑戰(zhàn)性。出于這些原因,對于所有頁面樣式需求,最好始終使用外部樣式表。
結(jié)語
盡管從網(wǎng)頁的文本鏈接中刪除下劃線很容易,但您也應(yīng)該注意這樣做的后果。雖然它確實(shí)可以清理頁面的外觀,但這樣做可能會以犧牲整體可用性為代價(jià)。下次考慮更改頁面的“文本裝飾”屬性時(shí),請考慮到這一點(diǎn)。
網(wǎng)頁標(biāo)題:網(wǎng)站制作開發(fā)過程中去除鏈接下劃線的簡單方法
本文URL:http://m.rwnh.cn/news/148626.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站制作等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)