Markdown 实现页内跳转_markdown 页内跳转-CSDN博客

本文链接：https://blog.csdn.net/qq_40491534/article/details/123483784

本文介绍了如何在Markdown文档中通过HTML元素创建页内跳转，包括两种方式：通过id标识元素并设置超链接，让读者快速定位到所需的表格或图表。通过实例演示和代码展示，帮助读者掌握这种提高文档阅读效率的技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Markdown 实现页内跳转

在使用 Markdown 做一些论文笔记或者说写文档时, 通常会出现这样一种情况。我们在文档的某个地方定义了一个 $\ or \ figure$ , 而我们在阐述某个问题时希望能够实现元素的快速浏览, 也即设置一个超链接跳转到对应的元素(图表或表格)位置。

下面我们来实现一下这个功能

方式一

<a id="table1">Table - 1</a>    #要跳转的位置,id = 链接位置
[跳转到 Table-1](#table1)        #在需要跳转的地方引用,点击即可实现跳转(编辑器中右键打开链接)

方式二

<a id="table1">Table - 1</a> 		#要跳转的位置,id = 链接位置
<a href="#table2">跳转到 Table-2</a>	#在需要跳转的地方引用,点击即可实现跳转(编辑器中右键打开链接)

解释

Markdown 实现页内跳转实质上就是依托于 HTML 实现的, 类似于 C语言中的 $l a b e l - g o t o$ 的作用, 也即声明一个 $l a b e l$ 然后再使用 $g o t o$ 语句实现跳转, Markdown 方法也一样, 声明位置再定义跳转即可完成。

案例实现

表格位置

Table - 1
在这里插入图片描述

Table - 2

在这里插入图片描述

填充文本

	excellent
	
	excellent
	
	excellent
	
	excellent
	
	excellent
	
	excellent
	
	excellent
	
	excellent
	
	excellent
	
	excellent
	
	excellent
	
	excellent
	
	excellent
	
	excellent
	
	excellent
	
	excellent

实现跳转

源代码

## 表格位置

<a id="table1">Table - 1</a> 

<a id="table2">Table - 2</a> 

## 填充文本

excellent

excellent

excellent

excellent

excellent

excellent



# 实现跳转

[跳转到 Table-1](#table1)

[跳转到 Table-2](#table2)

<a href="#table1">跳转到 Table-1</a>

<a href="#table2">跳转到 Table-2</a>

OVER…