Markdown 超鏈接

1. 前言

Markdown 官方對于超鏈接的定義如下：

Markdown 支持兩種超鏈接的定義方式：行內(nèi)定義和全局聲明。不管哪種方式，其都是由 「中括號 []」來聲明。

如果需要創(chuàng)建行內(nèi)鏈接的創(chuàng)建方式，用一對緊跟「中括號 []」的「小括號 ()」描述目標鏈接，小括號內(nèi)不僅可以包含鏈接的地址，也可以用「引號 ""」設定鏈接的標題。

原文出處：daringfireball.net。

超鏈接是網(wǎng)頁中常用的效果，用于資源的快速訪問。

環(huán)境說明：
考慮到 Markdown 工具之間的不兼容，有的內(nèi)容直接從頁面復制粘貼到本地不會正常顯示，大家學習時自己動手寫是肯定沒問題的。本節(jié)所有實例代碼及演示效果均使用 Typora 工具完成。

2. 語法詳解

2.1 超鏈接的基本定義

在 Markdown 文件中，使用 「中括號 [label]()」 聲明超鏈接。

實例 1：

#### 聲明超鏈接

一對中括號就可以將文字轉(zhuǎn)換為超鏈接，如: [北京]()，[上海]()，[廣州]()，[深圳]()

其渲染結果如下：

該源碼渲染輸出 html 的內(nèi)容如下：

<p>一對中括號就可以將文字轉(zhuǎn)換為超鏈接，如: <a href="">北京</a>，<a href="">上海</a>，<a href="">廣州</a>，<a href="">深圳</a></p>

2.2 行內(nèi)方式定義超鏈接細節(jié)

當我們需要為超鏈接設置目標地址和標題時，可在中括號后增加小括號的形式實現(xiàn) [text](url title)

實例 2：

#### 聲明超鏈接的細節(jié)

點擊下面的連接將跳轉(zhuǎn)到[慕課網(wǎng)](http://idcbgp.cn/ '慕課')首頁

其渲染結果如下：

2.3 超鏈接細節(jié)的全局聲明

當一個超鏈接在文章中反復出現(xiàn)時，可以使用全局聲明的形式，減少文章編寫的工作量。

實例 3：

#### 聲明超鏈接的細節(jié)

[天壇][tiantan]公園，是明清兩代皇帝每年祭天和祈禱五谷豐收的地方。[天壇][tiantan]以嚴謹?shù)慕ㄖ季?、奇特的建筑構造和瑰麗的建筑裝飾著稱于世。

[tiantan]: http://www.tiantanpark.com

渲染結果如下：

實例 4：

超鏈接聲明的另一種形式。

#### 聲明超鏈接的細節(jié)

[天壇][]公園，是明清兩代皇帝每年祭天和祈禱五谷豐收的地方。[天壇][]以嚴謹?shù)慕ㄖ季帧⑵嫣氐慕ㄖ嬙旌凸妍惖慕ㄖb飾著稱于世。

[天壇]: http://www.tiantanpark.com

其渲染效果如下：

全局的聲明可以寫在文章的任何地方，通常情況下，我們將它寫在整篇文章的結尾處。

3. 使用場景及應用實例

超鏈接是文章的資源向?qū)Вㄥ^點連接和外部連接，可以幫助讀者快速定位到文章內(nèi)的某個位置，或者打開外部的某個資源和網(wǎng)頁。常見的頁內(nèi)錨點超鏈接如文檔目錄等。

實例 5：

一個屬于自己的門戶頁。

#### 一個簡單的個人門戶

- 常用網(wǎng)站

  [百度](http://www.baidu.com)，
  [慕課](http://idcbgp.cn)，
  [Github](http://www.github.com)

- 新聞

  [人民網(wǎng)](http://www.people.com.cn/)，
  [央視網(wǎng)](http://www.cctv.com/)，
  [光明網(wǎng)](http://www.gmw.cn/)，

- 購物網(wǎng)站

  [淘寶](http://www.taobao.com)，
  [京東](http://www.jd.com)

- 程序文檔

  [小程序開發(fā)文檔](https://developers.weixin.qq.com/miniprogram/dev/framework/)

渲染結果如下：

4. 小結

1. 使用全局聲明時，超鏈接的 ID 是不區(qū)分大小寫的；
2. 使用全局聲明時，超鏈接的 ID 可以包含空格、使用純數(shù)字。

當我們的連接出現(xiàn)不頻繁時，盡量使用行內(nèi)定義的形式，如果同一目標的超鏈接出現(xiàn)多次時（2 次及以上），請使用全局方式，這樣我們的 Markdown 文檔可讀性將更強。