什么是超鏈接
超鏈接是互聯(lián)網(wǎng)提供的最令人興奮的創(chuàng)新之一驴娃,它們從一開始就一直是互聯(lián)網(wǎng)的一個功能,使互聯(lián)網(wǎng)成為互聯(lián)的網(wǎng)絡(luò)岩瘦。超鏈接使我們能夠?qū)⑽覀兊奈臋n鏈接到任何其他文檔(或其他資源)未巫,也可以鏈接到文檔的指定部分,我們可以在一個簡單的網(wǎng)址上提供應(yīng)用程序(與必須先安裝的本地應(yīng)用程序或其他東西相比)启昧。幾乎任何網(wǎng)絡(luò)內(nèi)容都可以轉(zhuǎn)換為鏈接叙凡,點(diǎn)擊(或激活)超鏈接將使網(wǎng)絡(luò)瀏覽器轉(zhuǎn)到另一個網(wǎng)址(URL)。
注意:URL可以指向HTML文件密末、文本文件握爷、圖像跛璧、文本文檔、視頻和音頻文件以及可以在網(wǎng)絡(luò)上保存的任何其他內(nèi)容新啼。 如果瀏覽器不知道如何顯示或處理文件追城,它會詢問您是否要打開文件(需要選擇合適的本地應(yīng)用來打開或處理文件)或下載文件(以后處理它)。
鏈接的解析
通過將文本(或其他內(nèi)容燥撞,見塊級鏈接)轉(zhuǎn)換為<a>
元素內(nèi)的鏈接來創(chuàng)建基本鏈接座柱, 給它一個[href]
屬性(也稱為目標(biāo)),它將包含您希望鏈接指向的網(wǎng)址物舒。
<p>I'm creating a link to
<a >the Mozilla homepage</a>.
</p>
使用title屬性添加支持信息
添加到到鏈接的另一個屬性是標(biāo)題色洞;包含關(guān)于鏈接的補(bǔ)充有用的信息,例如頁面包含什么樣的信息或需要注意的事情茶鉴。
<p>I'm creating a link to
<a
title="The best place to find more information about Mozilla's
mission and how to contribute">the Mozilla homepage</a>.
</p>
塊級鏈接
可以將一些內(nèi)容轉(zhuǎn)換為鏈接锋玲,包括塊級元素。如果想要將一個圖像轉(zhuǎn)換為鏈接涵叮,只需要把圖象放到<a></a>標(biāo)簽中間惭蹂。
<a >
<img src="mozilla-image.png" alt="mozilla logo that links to the mozilla homepage">
</a>
鏈接最佳實(shí)踐
- 用清晰的鏈接措辭
- 盡可能使用相對鏈接
- 鏈接到非html資源 留下清晰的指示
- 在下載鏈接是使用下載屬性
當(dāng)您鏈接到要下載的資源而不是在瀏覽器中打開時,您可以使用下載屬性來提供一個默認(rèn)的保存文件名割粮。下面是一個下載鏈接到Firefox 的 Windows最新版本的示例:
<a
download="firefox-latest-64bit-installer.exe">
Download Latest Firefox for Windows (64-bit) (English, US)
</a>
電子郵件鏈接
當(dāng)點(diǎn)擊一個鏈接或者按鈕時盾碗,打開一個新的電子郵件發(fā)送信息而不是連接到一個資源或者頁面,這種情況是可能做到的舀瓢。這樣做是使用<a>元素和mailto
:URL的方案廷雅。
最基本和常用的使用形式為一個mailto
:link(鏈接),鏈接簡單說明收件人的電子郵箱地址京髓。
<a href="mailto:nowhere@mozilla.org">Send email to nowhere</a>
實(shí)際上航缀,郵件地址甚至是可選的。如果你忘記了(href="mailto:"
),一個新的發(fā)送電子郵件的窗口也會被用戶的郵件客服端打開堰怨,只是沒有收件人的地址信息芥玉,這通常在“分享”鏈接是很有用的,用戶可以發(fā)送給他們選擇的地址郵件备图。
具體細(xì)節(jié)
還以可提供其它信息灿巧。任何標(biāo)準(zhǔn)的郵件頭字段可以被添加到你提供的郵件URL。其中最常用的主題(subject)揽涮、抄送(cc)抠藕、和主體(body)
<a href="mailto:nowhere@mozilla.org?cc=name2@rapidtables.com&bcc=name3@rapidtables.com&subject=The%20subject%20of%20the%20email &body=The%20body%20of%20the%20email">
Send mail with cc, bcc, subject and body
</a>
意: 每個字段的值必須是URL編碼的。 也就是說蒋困,不能有非打印字符(不可見字符比如制表符盾似、換行符、分頁符)和空格 percent-escaped. 同時注意使用問號(
?
)來分隔主URL與參數(shù)值雪标,以及使用&符來分隔mailto:
中的各個參數(shù)颜说。 這是標(biāo)準(zhǔn)的URL查詢標(biāo)記方法购岗。閱讀 The GET method 以了解哪種URL查詢標(biāo)記方法是更常用的汰聋。