Markdown 链接

在 Markdown 中,链接(Hyperlink)是连接文档与外部世界的桥梁。Markdown 提供了多种创建链接的方式,以适应不同的写作场景:

  • 行内式链接:最常用,适合一次性的链接。
  • 参考式链接:适合在文档中多次引用同一链接,或者为了保持源代码整洁。
  • 自动链接:适合直接展示网址。

Markdown 行内式链接

在 Markdown 中,行内式链接是最常用、最直观的链接形式。

语法:

[链接文本](链接地址 "链接标题")

说明:

“链接文本” 是用户可见的内容,“链接地址” 是实际的 URL,而 “链接标题” 则是鼠标悬停在链接上时显示的文本。 其中,“链接标题” 是可选的,它会最终渲染为 HTML 中 a 标签的 title 属性(另请参阅 “HTML 链接” )。

提示: 链接地址可以是绝对 URL(如 https://www.google.com),也可以是相对 URL(如 /about)。

示例 1:行内式链接

[绿叶网](https://www.lvyenet.com)

渲染效果如下图所示。

Markdown 行内式链接示例

生成 HTML 代码如下。

<a href="https://www.lvyenet.com">绿叶网</a>

分析:

如果想要为行内式链接添加 title 属性,可以使用下面这种写法。

[绿叶网](https://www.lvyenet.com "欢迎来到绿叶网")

上面 Markdown 生成的 HTML 代码如下。

<a href="https://www.lvyenet.com" title="欢迎来到绿叶网">绿叶网</a>

提示: 标准的 Markdown 生成的链接,默认是在当前窗口打开的(即没有 target="_blank")。如果有 target="_blank",则可能是该编辑器自行添加上的。

Markdown 参考式链接

如果一个链接在文档中多次出现,或者链接地址太长导致 Markdown 源码难以阅读,此时我们可以使用 “参考式链接”。

语法:

[链接文本][链接标记]

[链接标记]: 链接地址 "链接标题"

说明:

“链接标记” 用于标识链接(一般是一个数字),而 “链接地址” 和 “链接标题” 则在文档的其他地方定义。

示例 2:参考式链接

[绿叶网][1] - 为好教程,全力以赴。

[1]: https://www.lvyenet.com

渲染效果如下图所示。

Markdown 参考式链接示例

生成 HTML 代码如下。

<a href="https://www.lvyenet.com">绿叶网</a> - 为好教程,全力以赴。

分析:

如果想要为参考式链接添加 title 属性,可以使用下面这种写法。

[绿叶网][1] - 为好教程,全力以赴。

[1]: https://www.lvyenet.com "欢迎来到绿叶网"

上面 Markdown 生成的 HTML 代码如下。

<a href="https://www.lvyenet.com" title="欢迎来到绿叶网">绿叶网</a> - 为好教程,全力以赴。

Markdown 自动链接

如果仅仅是想直接显示一个网址或电子邮件地址,并让它自动变成可点击的链接,我们可以使用“自动链接”语法。

语法:

<链接地址>

说明:

对于自动连接,我们只需要用尖括号 < > 把网址括起来即可。

示例 3:自动链接

<https://www.lvyenet.com>
<service@lvyenet.com>

渲染效果如下图所示。

Markdown 自动链接示例

生成 HTML 代码如下。

<a href="https://www.lvyenet.com">https://www.lvyenet.com</a>
<a href="mailto:service@lvyenet.com">service@lvyenet.com</a></p>

上一篇: Markdown 代码

下一篇: Markdown 图片

给站长反馈

绿叶网正在不断完善中,小伙伴们如果发现任何问题,还望多多给站长反馈,谢谢!

邮箱:lvyenet@vip.qq.com

「绿叶网」服务号
绿叶网服务号放大
关注服务号,微信也能看教程。
绿叶网服务号