Markdown实现页内跳转的两种方法

目录跳转

在文章开头写上@[TOC](这里写目录标题),然后在正文中使用标题。
#表示一级标题,##表示二级标题,正文完成之后,会自动生成目录。
不想理解的可以直接复制过去,就能看到效果。


@[TOC](这里写目录标题)

# 一级目录
## 二级目录
### 三级目录
# 一级目录
## 二级目录
# 一级目录

锚点跳转

首先,需要定义一个锚点:

(蓝色表示一直显示的内容,红色表示发布后不显示的部分)

[锚点](# 0)

#和0之间没有空格

下面示例:

锚点一(点击跳转)












跳转位置


这是一个html语言,div是文字的标签,能确定文字的形式(字体、大小、颜色等),还有a、h2、span等等标签名可用。而后面这个id="1"​中1的值用于跟锚点的(#1)相关联以实现跳转。如此便实现了markdown语言的页内跳转。
在使用跳转的过程中,span是标题标签,当你使用标题标签给标题加上锚点,跳转的位置就会跳到目录位置,为了解决这个问题,小编暂时只能想到给文章标题的上下空白处添加一个空白跳转([](#0))。

复制下面代码自己可以尝试体验

[锚点一](#1)

<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 

<div id="1" >跳转位置</div>

<br />是强制换行,Markdown中会自动合并一行以上的空行。

  • 8
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值