建立超鏈接

什么是超鏈接

超鏈接是互聯(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&amp;subject=The%20subject%20of%20the%20email &amp;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)記方法是更常用的汰聋。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末门粪,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子烹困,更是在濱河造成了極大的恐慌玄妈,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,183評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件髓梅,死亡現(xiàn)場離奇詭異拟蜻,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)枯饿,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,850評論 3 399
  • 文/潘曉璐 我一進(jìn)店門酝锅,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人奢方,你說我怎么就攤上這事搔扁。” “怎么了蟋字?”我有些...
    開封第一講書人閱讀 168,766評論 0 361
  • 文/不壞的土叔 我叫張陵稿蹲,是天一觀的道長。 經(jīng)常有香客問我鹊奖,道長苛聘,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,854評論 1 299
  • 正文 為了忘掉前任忠聚,我火速辦了婚禮设哗,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘两蟀。我一直安慰自己网梢,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,871評論 6 398
  • 文/花漫 我一把揭開白布垫竞。 她就那樣靜靜地躺著澎粟,像睡著了一般。 火紅的嫁衣襯著肌膚如雪欢瞪。 梳的紋絲不亂的頭發(fā)上活烙,一...
    開封第一講書人閱讀 52,457評論 1 311
  • 那天,我揣著相機(jī)與錄音遣鼓,去河邊找鬼啸盏。 笑死,一個胖子當(dāng)著我的面吹牛骑祟,可吹牛的內(nèi)容都是我干的回懦。 我是一名探鬼主播气笙,決...
    沈念sama閱讀 40,999評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼怯晕!你這毒婦竟也來了潜圃?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,914評論 0 277
  • 序言:老撾萬榮一對情侶失蹤舟茶,失蹤者是張志新(化名)和其女友劉穎谭期,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體吧凉,經(jīng)...
    沈念sama閱讀 46,465評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡隧出,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,543評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了阀捅。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片胀瞪。...
    茶點(diǎn)故事閱讀 40,675評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖饲鄙,靈堂內(nèi)的尸體忽然破棺而出凄诞,到底是詐尸還是另有隱情,我是刑警寧澤傍妒,帶...
    沈念sama閱讀 36,354評論 5 351
  • 正文 年R本政府宣布幔摸,位于F島的核電站,受9級特大地震影響颤练,放射性物質(zhì)發(fā)生泄漏既忆。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,029評論 3 335
  • 文/蒙蒙 一嗦玖、第九天 我趴在偏房一處隱蔽的房頂上張望患雇。 院中可真熱鬧,春花似錦宇挫、人聲如沸苛吱。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,514評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽翠储。三九已至,卻和暖如春橡疼,著一層夾襖步出監(jiān)牢的瞬間援所,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,616評論 1 274
  • 我被黑心中介騙來泰國打工欣除, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留住拭,地道東北人。 一個月前我還...
    沈念sama閱讀 49,091評論 3 378
  • 正文 我出身青樓,卻偏偏與公主長得像滔岳,于是被迫代替她去往敵國和親杠娱。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,685評論 2 360

推薦閱讀更多精彩內(nèi)容