Typora 实现页面内跳转

本文介绍如何在Typora中利用HTML的<a>标签和Markdown语法创建页面内的跳转,包括使用href和id属性,以及通过标题和自定义ID进行链接。了解不同实现方式及其注意事项,提升文档内部导航效率。
摘要由CSDN通过智能技术生成

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>,没必要弄其他花里胡哨的东西。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值