Markdown使用 - 如何定义锚(链接)、引用锚(网址链接)

更多Markdown使用技巧,可参考《Markdown使用方法、常用技巧汇总》

Markdown中,锚的使用对阅读体验有很大的提升,但不同工具、平台对锚的支持不尽相同,踩了不少坑,整理做个记录和分享。

使用锚点的方式普遍相同:

  • 页外链接:[描述](url)
    页外链接比较简单,拿到url按上面写法即可使用。如点我去首页
  • 页内锚点:[描述](#id)
    页内锚点的引用方式如上,但定义的方式有些不同。这是在markdown编写时常遇到的问题。下面主要介绍该项。

如何定义页内锚点

尽管Markdown是HTML的子集,但不同Markdown工具对语法的解释和支持有一些出入:

  • 标准markdown语法支持<a name=xxx></a>
  • csdn、简书等不支持,需要使用<a id=xxx></a><h5 id=xxx>xxx</h5>的方式;

    注意该链接会直接跳到页面顶部,如果考虑体验,可以将锚放置在目标元素上面一行。

  • csdn支持脚注,使用锚语法为[^1],定义锚为[^1]: 脚注内容、如果是链接需要使用[title](href)来定义;脚注的便利在于脚注尾部有快速回到引用处的链接

有些也支持通过名称定位锚,但通用性不足、容易出现错误,这里不推荐。

样例

<h3 id=_link_click_group>  触发点 <h3>

[点击跳到链接一](#_link_1st)、[点击跳到链接二](#_link_2nd)、[点击跳到链接三](#_link_3rd)、脚注[^1]

<h4 id=_link_1st>链接一</h4>([回到触发点](#_link_click_group))
<a id=_link_2nd>链接二</a>([回到触发点](#_link_click_group))
<span id=_link_3rd>链接三</span>([回到触发点](#_link_click_group))

[^1]: 我是脚注

点击跳到链接一点击跳到链接二点击跳到链接三、脚注1


锚定义



回到触发点





链接二

回到触发点





链接三

回到触发点









以上。感谢您的阅读。


  1. 我是脚注 ↩︎

相关推荐
©️2020 CSDN 皮肤主题: Age of Ai 设计师:meimeiellie 返回首页