Typora 实现页面内跳转

Typora 实现页面内跳转

跳转方式

⚠️不是直接点击链接
按下键盘Ctrl+鼠标左键。

语法

跳转都是基于<a></a>标签的

1. 利用HTML语法实现，跳转到页内任何位置

使用href标签+id名字

<a href="#跳转到的目标的id值">点我跳转</a>
<a name="跳转到的目标的id值">跳转到这里了！ </a>

<a href="#id1">点我跳转</a>       <!--从哪里跳转-->
<a name="id1">跳转到这里了！</a>  <!--跳转到的目标-->

<a href="#id1">点我跳转</a>       <!--从哪里跳转-->

<a name="id1">跳转到这里了!</a>   <!--跳转到的目标-->
<a name="id1"></a>               <!--跳转到的目标-->

他们的区别在于</a>和前面是否有文字，有则会隐藏此行代码
也就是说跳转到的目标元素的文字可以省略，但点击跳转的元素文字不可省略(省略了你点什么触发跳转呢？)

⚠️尝试了一下，跳转目标用 name属性 也可以！

2. 利用Markdown语法实现，跳转到标题所在位置

[提示跳转的文字](#跳转到的的标题名称)

[点我跳转到标题'一.学习方法'处](#一.学习方法)

3. 利用Markdown语法实现，跳转到页内任何位置

[提示跳转的文字或直接给出id名字](#跳转到的目标的id值)
<a id="跳转到的目标的id值">跳转到我这里</a>

[提示跳转的文字或直接给出id名字](#id)
<a id="id1">跳转到这里了</a>

在想跳转的位置的文本xx改为xx,xx是待点击的文本内容，也可以自定义。()内是跳转到的id属性值,#号不能省略。

⚠️注意：
可以用a标签实现上述方法，跳转目标元素也可以用HTML里的span标签，其他标签有些也可以，但没必要！不能用 div标签！
因此推荐就用 <a></a>和 <span></span>，没必要弄其他花里胡哨的东西。