Markdown 鏈接

2019-08-14 12:09 更新

Markdown 支持兩種形式的鏈接語法: 行內(nèi)式參考式兩種形式。

不管是哪一種,鏈接文字都是用 [方括號(hào)] 來標(biāo)記。

要建立一個(gè)行內(nèi)式的鏈接,只要在方塊括號(hào)后面緊接著圓括號(hào)并插入網(wǎng)址鏈接即可,如果你還想要加上鏈接的 title 文字,只要在網(wǎng)址后面,用雙引號(hào)把 title 文字包起來即可,例如:

This is [an example](http://example.com/ "Title") inline link.

[This link](http://example.net/) has no title attribute.

會(huì)產(chǎn)生:

<p>This is <a  rel="external nofollow" target="_blank"  title="Title">
an example</a> inline link.</p>

<p><a  rel="external nofollow" target="_blank" >This link</a> has no
title attribute.</p>

如果你是要鏈接到同樣主機(jī)的資源,你可以使用相對(duì)路徑:

See my [About](/about/) page for details.

參考式的鏈接是在鏈接文字的括號(hào)后面再接上另一個(gè)方括號(hào),而在第二個(gè)方括號(hào)里面要填入用以辨識(shí)鏈接的標(biāo)記:

This is [an example][id] reference-style link.

你也可以選擇性地在兩個(gè)方括號(hào)中間加上一個(gè)空格:

This is [an example] [id] reference-style link.

接著,在文件的任意處,你可以把這個(gè)標(biāo)記的鏈接內(nèi)容定義出來:

[id]: http://example.com/  "Optional Title Here"

鏈接內(nèi)容定義的形式為:

  • 方括號(hào)(前面可以選擇性地加上至多三個(gè)空格來縮進(jìn)),里面輸入鏈接文字

  • 接著一個(gè)冒號(hào)

  • 接著一個(gè)以上的空格或制表符

  • 接著鏈接的網(wǎng)址

  • 選擇性地接著 title 內(nèi)容,可以用單引號(hào)、雙引號(hào)或是括弧包著

下面這三種鏈接的定義都是相同:

[foo]: http://example.com/  "Optional Title Here"
[foo]: http://example.com/  'Optional Title Here'
[foo]: http://example.com/  (Optional Title Here)

請(qǐng)注意:有一個(gè)已知的問題是 Markdown.pl 1.0.1 會(huì)忽略單引號(hào)包起來的鏈接 title。

鏈接網(wǎng)址也可以用尖括號(hào)包起來:

[id]: <http://example.com/>  "Optional Title Here"

你也可以把 title 屬性放到下一行,也可以加一些縮進(jìn),若網(wǎng)址太長(zhǎng)的話,這樣會(huì)比較好看:

[id]: http://example.com/longish/path/to/resource/here
    "Optional Title Here"

網(wǎng)址定義只有在產(chǎn)生鏈接的時(shí)候用到,并不會(huì)直接出現(xiàn)在文件之中。

鏈接辨別標(biāo)簽可以有字母、數(shù)字、空白和標(biāo)點(diǎn)符號(hào),但是并不區(qū)分大小寫,因此下面兩個(gè)鏈接是一樣的:

[link text][a]
[link text][A]

隱式鏈接標(biāo)記功能讓你可以省略指定鏈接標(biāo)記,這種情形下,鏈接標(biāo)記會(huì)視為等同于鏈接文字,要用隱式鏈接標(biāo)記只要在鏈接文字后面加上一個(gè)空的方括號(hào),如果你要讓 "Google" 鏈接到 google.com,你可以簡(jiǎn)化成:

[Google][]

然后定義鏈接內(nèi)容:

[Google]: http://google.com/

由于鏈接文字可能包含空白,所以這種簡(jiǎn)化型的標(biāo)記內(nèi)也許包含多個(gè)單詞:

Visit [Daring Fireball][] for more information.

然后接著定義鏈接:

[Daring Fireball]: http://daringfireball.net/

鏈接的定義可以放在文件中的任何一個(gè)地方,我比較偏好直接放在鏈接出現(xiàn)段落的后面,你也可以把它放在文件最后面,就像是注解一樣。

下面是一個(gè)參考式鏈接的范例:

I get 10 times more traffic from [Google] [1] than from
[Yahoo] [2] or [MSN] [3].

  [1]: http://google.com/        "Google"
  [2]: http://search.yahoo.com/  "Yahoo Search"
  [3]: http://search.msn.com/    "MSN Search"

如果改成用鏈接名稱的方式寫:

I get 10 times more traffic from [Google][] than from
[Yahoo][] or [MSN][].

  [google]: http://google.com/        "Google"
  [yahoo]:  http://search.yahoo.com/  "Yahoo Search"
  [msn]:    http://search.msn.com/    "MSN Search"

上面兩種寫法都會(huì)產(chǎn)生下面的 HTML。

<p>I get 10 times more traffic from <a  rel="external nofollow" target="_blank" 
title="Google">Google</a> than from
<a  rel="external nofollow" target="_blank"  title="Yahoo Search">Yahoo</a>
or <a  rel="external nofollow" target="_blank"  title="MSN Search">MSN</a>.</p>

下面是用行內(nèi)式寫的同樣一段內(nèi)容的 Markdown 文件,提供作為比較之用:

I get 10 times more traffic from [Google](http://google.com/ "Google")
than from [Yahoo](http://search.yahoo.com/ "Yahoo Search") or
[MSN](http://search.msn.com/ "MSN Search").

參考式的鏈接其實(shí)重點(diǎn)不在于它比較好寫,而是它比較好讀,比較一下上面的范例,使用參考式的文章本身只有 81 個(gè)字符,但是用行內(nèi)形式的卻會(huì)增加到 176 個(gè)字元,如果是用純 HTML 格式來寫,會(huì)有 234 個(gè)字元,在 HTML 格式中,標(biāo)簽比文本還要多。

使用 Markdown 的參考式鏈接,可以讓文件更像是瀏覽器最后產(chǎn)生的結(jié)果,讓你可以把一些標(biāo)記相關(guān)的元數(shù)據(jù)移到段落文字之外,你就可以增加鏈接而不讓文章的閱讀感覺被打斷。


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)