MarkDown入门链接

简介: MarkDown入门链接

Markdown 技能树(4):链接

Markdown 支持两种形式的链接语法:行内和参考两种形式。不管是哪一种,链接的文字都是用 [方括号] 来标记。

行内形式链接

行内形式的链接是在方块括号后面接括号并插入网址链接即可,如果你还想要加上链接的 alt 提示文字,只要在网址后面,用双引号把 alt 文字包起来即可,其格式为 [内容](http_url "alt 提示"),例如:

[ CODE CHINA ](https://codechina.csdn.net/)
[ 学习广场 ](https://codechina.csdn.net/courses "CODE CHINA 学习广场")

会产生:

CODE CHINA

学习广场

<p><a href="https://codechina.csdn.net/" target="_blank"> CODE CHINA </a></p>
<p><a href="https://codechina.csdn.net/courses" title="CODE CHINA 学习广场" target="_blank"> 学习广场 </a></p>

参考形式链接

参考形式的链接使用另外一个方括号接在链接文字的括号后面,而在第二个方括号里面要填入用以辨识链接的标签:

[CODE CHINA] 1能够结合云原生技术为 开源技术的教学、学习提供一站式学习、练习的引擎,通过教学培训场景

[CODE CHINA][1]能够结合云原生技术为 开源技术的教学、学习提供一站式学习、练习的引擎,通过教学培训场景

也可以选择性地在两个方括号中间加上空白:

[CODE CHINA] [1]能够结合云原生技术为 开源技术的教学、学习提供一站式学习、练习的引擎,通过教学培训场景

接着,在文档的任意处,可以把这个标签的链接内容按照格式填写好,其格式为[id]: http://example.com/ "Optional Title Here"

[1]: https://codechina.csdn.net/courses?utm_source=explore "CODE CHINA 学习广场"

链接网址也可以用方括号包起来:

[1]: <https://codechina.csdn.net/courses?utm_source=explore> "CODE CHINA 学习广场"

你也可以把 alt 属性放到下一行,也可以加一些缩排,网址太长的话,这样会比较好看:

[1]: https://codechina.csdn.net/courses?utm_source=explore
    "CODE CHINA 学习广场"

网址定义只有在产生链接的时候用到,并不会直接出现在文档之中。

链接辨识标签可以有字母、数字、空白和标点符号,但是并不区分大小写,因此下面两个链接是一样的:

[link text][a]

[link text][A]

默认的链接标签功能让你可以省略指定链接标签,这种情形下,链接标签和链接文字会视为相同,要用默认链接标签只要在链接文字后面加上一个空的方括号,如果要让 “Google” 链接到 google.com,可以简化成:

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

链接的定义可以放在文档中的任何一个地方,建议直接放在链接出现段落的后面,也可以把它放在文档最后面。

使用 Markdown 的参考式链接,可以让文档更像是浏览器最后产生的结果,把一些标记相关的信息移到段落文字之外,这样即使增加链接,Markdown 文档的阅读感也不会被打断。

小结

让我们来回顾一下链接的知识点吧:

  1. 可以使用 [内容](http_url "alt 提示") 的形式添加一个链接
  2. 可以使用 参考样式 的方式添加一个链接,其结构为 [内容][1] + [1]: http_url "alt 提示" 的组合
目录
相关文章
|
19天前
公众号“请勿插入不合法的图文消息链接”错误解决办法(Markdown)
公众号“请勿插入不合法的图文消息链接”错误解决办法(Markdown)
174 2
|
程序员 Perl
MarkDown入门学习总结教程
我们坚信写作写的是内容,所思所想,而不是花样格式.
115 0
MarkDown入门学习总结教程
MarkDown入门表格
MarkDown入门表格
110 0
MarkDown入门代码块
MarkDown入门代码块
278 0
|
程序员 Perl
MarkDown入门分隔线及引用
MarkDown入门分隔线及引用
142 0
MarkDown入门列表
MarkDown入门列表
88 0
MarkDown入门图片
MarkDown入门图片
85 0
MarkDown入门图片
MarkDown入门标题
MarkDown入门标题
48 0
MarkDown入门段落及强调
MarkDown入门段落及强调
106 0
MarkDown入门MarkDown介绍
MarkDown入门MarkDown介绍
161 0