# 链接

要创建链接,请将链接文本放在方括号中(例如,[百度一下]),然后紧跟 URL 放在圆括号中(例如,(https://www.baidu.com))。

我最喜欢的搜索引擎是 [百度一下](https://www.baidu.com)。

渲染输出:

我最喜欢的搜索引擎是 百度一下 (opens new window)

注意:若要链接到同一页面上的某个元素,请参阅链接到标题ID。若要创建在新标签页或窗口中打开的链接,请参阅链接目标部分。

# 添加标题

您可以选择为链接添加标题。当用户将鼠标悬停在链接上时,标题将显示为工具提示。要添加标题,请在 URL 后面用引号将其括起来。

我最喜欢的搜索引擎是 [百度一下](https://www.baidu.com "百度一下,您就知道")。

渲染输出:

我最喜欢的搜索引擎是 百度一下 (opens new window)

# URL 和电子邮件地址

要将 URL 或电子邮件地址快速转换为链接,请将其用尖括号括起来。

<https://www.feixiang.net>
<email@feixiang.net>

渲染输出:

https://www.feixiang.net (opens new window)
email@feixiang.net

# 格式化链接

要强调链接,请在方括号和圆括号前后添加星号。要将链接表示为代码,请在方括号中添加反引号。

我支持 **[飞翔中文网](https://www.feixiang.net)**。
这是 *[飞翔中文网](https://www.feixiang.net)*。
参见 [`代码`](/Markdown指南/基本语法/27.html#代码) 部分。

渲染输出:

我支持 飞翔中文网 (opens new window)
这是 飞翔中文网 (opens new window)
参见 代码 部分。

# 引用式链接

引用样式链接是一种特殊的链接,它使 URL 在 Markdown 中更易于显示和阅读。引用样式链接由两部分组成:一部分与文本保持内联,另一部分存储在文件的其他位置,以使文本更易于阅读。

# 格式化链接的第一部分

引用式链接的第一部分由两组方括号格式化。第一组方括号包围应显示为链接的文本。第二组方括号显示一个标签,用于指向存储在文档其他位置的链接。

虽然不是必须的,您可以在两组方括号之间加一个空格。第二组方括号中的标签不区分大小写,可以包含字母、数字、空格或标点符号。

这意味着以下示例格式对于链接的第一部分是大致等效的:

  • [霍比特洞穴][1]
  • [霍比特洞穴] [1]

# 格式化链接的第二部分

引用式链接的第二部分使用以下属性格式化:

  1. 标签,放在方括号中,紧跟冒号和至少一个空格(例如,[标签]:)。
  2. 链接的 URL,可以选择用尖括号括起来。
  3. 链接的可选标题,可以用双引号、单引号或圆括号括起来。

这意味着以下示例格式对于链接的第二部分都是大致等效的:

  • [1]: https://en.wikipedia.org/wiki/Hobbit#Lifestyle
  • [1]: https://en.wikipedia.org/wiki/Hobbit#Lifestyle "霍比特生活方式"
  • [1]: https://en.wikipedia.org/wiki/Hobbit#Lifestyle '霍比特生活方式'
  • [1]: https://en.wikipedia.org/wiki/Hobbit#Lifestyle (霍比特生活方式)
  • [1]: <https://en.wikipedia.org/wiki/Hobbit#Lifestyle> "霍比特生活方式"
  • [1]: <https://en.wikipedia.org/wiki/Hobbit#Lifestyle> '霍比特生活方式'
  • [1]: <https://en.wikipedia.org/wiki/Hobbit#Lifestyle> (霍比特生活方式)

您可以将链接的第二部分放在 Markdown 文档中的任何位置。有些人将它们放在它们出现的段落之后,而另一些人将它们放在文档的末尾(如尾注或脚注)。

# 组合示例

假设您将一个 URL 作为标准 URL 链接添加到段落中,在 Markdown 中看起来像这样:

在地上的一个洞里住着一个霍比特人。这不是一个肮脏的、潮湿的洞,充满了虫子的末端
和泥泞的气味,也不是一个干燥的、光秃秃的沙洞,里面没有任何可以坐下或吃的东西:
这是一个 [霍比特洞穴](https://en.wikipedia.org/wiki/Hobbit#Lifestyle "霍比特生活方式"),这意味着舒适。

尽管它可能指向有趣的附加信息,但显示的 URL 确实没有为现有文本增加太多内容,反而使阅读变得更加困难。为了解决这个问题,您可以这样格式化 URL:

在地上的一个洞里住着一个霍比特人。这不是一个肮脏的、潮湿的洞,充满了虫子的末端
和泥泞的气味,也不是一个干燥的、光秃秃的沙洞,里面没有任何可以坐下或吃的东西:
这是一个 [霍比特洞穴][1],这意味着舒适。

[1]: <https://en.wikipedia.org/wiki/Hobbit#Lifestyle> "霍比特生活方式"

在上述两种情况下,渲染输出是相同的:

在地上的一个洞里住着一个霍比特人。这不是一个肮脏的、潮湿的洞,充满了虫子的末端和泥泞的气味,也不是一个干燥的、光秃秃的沙洞,里面没有任何可以坐下或吃的东西:这是一个 霍比特洞穴 (opens new window),这意味着舒适。

链接的 HTML 为:

<a href="https://en.wikipedia.org/wiki/Hobbit#Lifestyle" title="霍比特生活方式">霍比特洞穴</a>

# 链接最佳实践

Markdown 应用程序对于 URL 中间的空格处理方式不一致。为了兼容性,请尝试使用 %20 对空格进行 URL 编码。或者,如果您的 Markdown 应用程序支持 HTML,您可以使用 a HTML 标签。

✅  推荐 ❌  不推荐
[链接](https://www.example.com/my%20great%20page)

<a href="https://www.example.com/my great page">链接</a>
[链接](https://www.example.com/my great page)

URL 中间的括号也可能有问题。为了兼容性,请使用 %28 编码左括号((),使用 %29 编码右括号())。或者,如果您的 Markdown 应用程序支持 HTML,您可以使用 a HTML 标签。

✅  推荐 ❌  不推荐
[一本小说](https://en.wikipedia.org/wiki/
The_Milagro_Beanfield_War_%28novel%29)

<a href="https://en.wikipedia.org/wiki/The_Milagro_Beanfield_War_(novel)">一本书小说</a>
[一本小说](https://en.wikipedia.org/wiki/The_Milagro_Beanfield_War_(novel))



微信公众号

QQ交流群
原创网站开发,偏差难以避免。

如若发现错误,诚心感谢反馈。

愿你倾心相念,愿你学有所成。

愿你朝华相顾,愿你前程似锦。