連結(Links)
就是我網站中很常見的「超連結」
連結有分3種語法,「Inline」、「Reference」跟「自動連結」,都能夠加上滑鼠懸停時,顯示相關的提示文字
而連結的URL可以是相對路徑或是絕對路徑
第一種-Inline
語法:[顯示的文字](URL)
或是[顯示的文字](URL "懸停時顯示的文字")
網址後面加上"懸停時顯示的文字"
的寫法,在滑鼠滑上去懸停時會出現""
內的文字
而如果URL
中本身包含()
,就會導致錯誤,下面就是一個很好的例子
[Journal of Communication](http://onlinelibrary.wiley.com/journal/10.1111/(ISSN)1460-2466)
那麼URL中出現()
怎麼辦呢?,這種情形就只能用下面的Reference的方式來寫了
Inline的寫法比較適合在文字和連結都較少的時候用,不然看起來會很雜
Example:
點我可以連到[Google](https://www.google.com)
點我可以連到[Google](https://www.google.com "Google homepage")而且滑鼠放在我上面可以看到提示
滑鼠懸停在連結上方出現相關文字的寫法要小心,""
內不能再出現'
,像是下面這樣寫就可能無法達成想要的效果
點我可以連到[Google](https://www.google.com "Google's homepage")而且滑鼠放在我上面可以看到提示
Result:
點我可以連到Google
點我可以連到Google而且滑鼠放在我上面可以看到提示
第二種-Reference
語法:[顯示的文字][id] [id](網址 "懸停時顯示的文字")
,id
要是唯一值
這個寫法用法基本上就跟inline是一樣的,差別在於網址是用參考的
但比較適合在文字較多或是連結較多的時候用
整體結構比較能清楚的一看就了解
Example:
這是一個連結我要連到很多個地方,像是[Google][GoogleLink]、[微軟][MSLink]、[Amazon][AmazonLink]
我也要幫我的另一本書-[PHP新手上路!][BookLink]打廣告
[GoogleLink]:https://www.google.com.tw ""
[MSLink]:https://www.microsoft.com/zh-tw ""
[AmazonLink]:https://www.amazon.com/ ""
[BookLink]:https://www.gitbook.com/book/northbei/php_get_ rted/details "PHP讚讚"
Result:
這是一個連結我要連到很多個地方,像是Google、微軟、Amazon
我也要幫我的另一本書-PHP新手上路!打廣告
第三種-自動連結
Markdown支援比較簡短的自動連結形式來處理網址和電子郵件信箱
只要是用角括號包起來,Markdown就會自動把它轉成連結
Example:
<https://medium.com/>
和
<[email protected]>
Result:
和