Markdown skill tree (4): link

Markdown The skill tree （4）： link

Markdown Two forms of link syntax are supported ： In line and reference . Either way , The text of the link is [ square brackets ] To mark .

In line links

The link in the line form is to insert the URL link after the square brackets , If you want to add a link alt Prompt text , Just behind the website , Put... In double quotation marks alt Just wrap the words , The format for [ Content ](http_url "alt Tips "), for example ：

[ CODE CHINA ](https://codechina.csdn.net/)

[  Learning square  ](https://codechina.csdn.net/courses "CODE CHINA  Learning square ")

Will produce ：

CODE CHINA

Learning square

<p><a href="https://codechina.csdn.net/" target="_blank"> CODE CHINA </a></p>
<p><a href="https://codechina.csdn.net/courses" title="CODE CHINA  Learning square " target="_blank">  Learning square  </a></p>

Reference form link

The reference form of the link uses another square bracket after the bracket of the link text , In the second square bracket, fill in the label used to identify the link ：

[CODE CHINA] 1 Can combine cloud native technology to Teaching of open source technology 、 Learning provides one-stop learning 、 Exercise engine , Through teaching and training scenarios

[CODE CHINA][1] Can combine cloud native technology to   Teaching of open source technology 、 Learning provides one-stop learning 、 Exercise engine , Through teaching and training scenarios 

Optionally, you can add white space between two square brackets ：

[CODE CHINA] [1] Can combine cloud native technology to   Teaching of open source technology 、 Learning provides one-stop learning 、 Exercise engine , Through teaching and training scenarios 

next , Anywhere in the document , You can fill in the link content of this tab according to the format , The format for [id]: http://example.com/ "Optional Title Here"：

[1]: https://codechina.csdn.net/courses?utm_source=explore "CODE CHINA  Learning square "

Link URLs can also be enclosed in square brackets ：

[1]: <https://codechina.csdn.net/courses?utm_source=explore> "CODE CHINA  Learning square "

You can also alt Attributes on the next line , You can also add some indentation , If the URL is too long , It'll look better ：

[1]: https://codechina.csdn.net/courses?utm_source=explore
    "CODE CHINA  Learning square "

URL definition is only used when generating links , Does not appear directly in the document .

Link recognition tags can have letters 、 Numbers 、 White space and punctuation , But it's not case sensitive , So the following two links are the same ：

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

The default link labels feature allows you to omit specifying link labels , In this case , The link label and link text will be treated as the same , To use the default link label, simply put an empty square bracket after the link text , If you want to make “Google” link to google.com, Can be reduced to ：

[Google][]

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

The definition of a link can be placed anywhere in the document , It is recommended to put it directly after the paragraph where the link appears , You can also put it at the end of the document .

Use Markdown Reference links for , It can make the document more like the final result of the browser , Move some tag related information out of the paragraph text , So even if you add links ,Markdown The reading sense of the document will not be interrupted .

Summary

Let's review link The knowledge of it ：

1. have access to [ Content ](http_url "alt Tips ") Add a link in the form of
2. have access to Reference style To add a link , Its structure is [ Content ][1] + [1]: http_url "alt Tips " The combination of