本文详细介绍了Markdown中如何实现页面内跳转，包括链接的定义（行内式和参考式）、标题的定义（类Setex和类Atx形式）、锚点的定义（Markdown和HTML方式）以及锚点目标的定义（标题和HTML标签形式）。同时，提供了多个示例，帮助理解如何创建和使用锚点进行页面内跳转。
MarkDown中页面内跳转经常用于目录跳转，为了解决在MarkDown中实现页面内跳转，我特意研究了以下实现方式；
备注： 简书中的MarkDown好像不支持页面内跳转；
目录
一. 链接的定义
1. 行内式链接
2. 参考式链接
二. 标题的定义
1. 类Setex形式的标题
2. 类Atx形式的标题
三. 页面内跳转
1. 锚点的定义
2. 锚点目标的定义
四. 总结
五. 示例
内容
在MarkDown中是通过 链接 和 标题 来实现页面内跳转的，所以先讲下MarkDown中 链接 和 标题 的语法，然后再讲 MarkDown 中实现页面内跳转的方法；
一. 链接的定义
Markdown 支持两种形式的链接语法： 行内式 和 参考式 两种形式。
1. 行内式链接
语法：
行内式链接 = [内容](地址 "标题")
说明：
标题 是可选的，可以用单引号 或 双引号；
转换成HTML后，会生成如下标签：
示例：
[我的博客](https://www.jianshu.com/u/7ecaba2d594c "郭斌勇的主页")
渲染成HTML后，会生成如下标签：
效果如下：
2. 参考式链接
语法：
参考式链接 = [内容][参考标识符]
参考标识符 = [标识符]: 地址 "标题"
说明：
参考式链接 和 参考标识符 的定义没有先后顺序；
[内容] 和 [参考标识符] 之间可以有一个空格，也可以没有空格；
如果 内容 和 参考标识符 一样，也可简写成 [参考标识符][] ;
标题 是可选的，可以用单引号、双引号或是圆括弧包着；
转换成HTML后，会生成如下标签：
示例：
[博客]: https://www.jianshu.com/u/7ecaba2d594c "郭斌勇的主页"
[我的博客][博客]
[博客][]
渲染成HTML后，会生成如下标签：
效果如下：
二. 标题的定义
Markdown 支持两种标题的语法：类Setext形式 和 类atx形式；
1. 类Setex形式的标题
类Setext形式标题的定义是用底线的形式，可以利用任何个数的符号 =(最高级标题)和 -(第2级标题)来做底线，格式为：
标题内容
====
或
标题内容
----
说明：
底线的符号个数为大于或等于1
示例：
这是一级标题
====
这是二级标题
----
效果如下：
这是一级标题
这是二级标题
2. 类Atx形式的标题
类 Atx 形式标题的定义则是在行首插入 1 到 6 个 # ，对应到标题 1 到 6 阶，格式为：
# 1级标题内容
## 2级标题内容
### 3级标题内容
#### 4级标题内容
##### 5级标题内容
###### 6级标题内容
示例：
# 这是1级标题
## 这是2级标题
### 这是3级标题
#### 这是4级标题
##### 这是5级标题
###### 这是6级标题
效果如下：
这是1级标题
这是2级标题
这是3级标题
这是4级标题
这是5级标题
这是6级标题
三. 页面内跳转
MarkDown中是通过定义链接的方式来定义跳转的，在这里，跳转也称为锚点，跳转的目标称为锚点目标；
所以，在 MarkDown 中实现页面内跳转的方法就是：定义一个 锚点目标 和 对应的 锚点 ，用户点击 锚点 便可跳转到对应的 锚点目标 位置处；
锚点 和 锚点目标 的定义格式如下：
1. 锚点的定义
锚点就是一个链接，另外，由于在MarkDown中可以直接写HTML，所以在MarkDown中实现锚点有两种方式：MarkDown方式 和 HTML方式；
1.1 MarkDown锚点
MarkDown锚点本质上就是一个MarkDown链接，只是链接地址的格式为：
链接地址 = #目标内容
所以 MarkDown锚点 的定义也有两种方式
行内式
语法：
锚点 = [内容](#目标内容 "标题")
说明：
标题 是可选的，可以用单引号 或 双引号；
转换成HTML后，会生成如下标签：
示例：
[MarkDown方式的锚点](#MarkDown锚点)
渲染成HTML后，会生成如下标签：
效果如下：点击下面的锚点
参考式
语法：
锚点 = [内容][参考标识符]
参考标识符 = [标识符]: #目标内容 "标题"
说明：
锚点 和 参考标识符 的定义没有先后顺序；
[内容] 和 [参考标识符] 之间可以有一个空格，也可以没有空格；
如果 内容 和 参考标识符 一样，也可简写成 [参考标识符][] ;
标题 是可选的，可以用单引号、双引号或是圆括弧包着；
转换成HTML后，会生成如下标签：
示例：
[MarkDown方式的锚点]: #MarkDown锚点
[MD锚点][MarkDown方式的锚点]
[MarkDown方式的锚点][]
渲染成HTML后，会生成如下标签：
效果如下：
1.2 HTML锚点
HTML锚点本质上就是一个a链接，格式为：
注意：
HTML锚点 的目标锚点只能是 标签形式的锚点目标
示例：
效果如下：点击下面的锚点
2. 锚点目标的定义
锚点目标有2种定义方式：MarkDown形式 和 标签形式；
MarkDown形式的锚点目标
MarkDown形式的锚点目标的定义其实就是标题的定义，即：任何级别的标题可以直接作为锚点目标；
标题内容 = 目标内容
所以，类Setext形式 和 类atx形式 的标题都可作为 锚点目标 ；
锚点目标定义的示例：
这是一个锚点目标
====
这是一个锚点目标
---
# 这是一个锚点目标
## 这是一个锚点目标
### 这是一个锚点目标
#### 这是一个锚点目标
##### 这是一个锚点目标
###### 这是一个锚点目标
注意：
锚点的 目标内容 中不能有大家字母和空格，所以如果锚点目标的 目标内容 中有大写字母或空格，则需要在定义锚点中的 目标内容 时，把大写字母改成小写字母，把空格改成 -；
锚点的 目标内容 中不能含有以下字符：
半角点(即英文中的句号).
标签形式的锚点目标
因为MarkDown链接会被转成a标签，并且MarkDown中也可以写标签，所以可以利用HTML的锚点机制直接定义一个带 id 特性的任意标签 或 带 name 特性的 a 标签(注意：在HTML5中，a标签已经不再支持 name 特性)作为锚点目标，然后把MarkDown中的锚点地址的目标内容设置为 id 或 name 特性的值；这样便可以实现页面内跳转；
这种形式的锚点目标的定义格式为：
元素内容标签名>
或
注意：
标签形式的锚点目标的id特性值中是不能含有中文字符；
name 特性只能应用在 a 标签上；
HTML5不支持通过a标签的 name 特性来定义锚点目标；
示例：
或
四. 总结
MarkDown中实现页面跳转的方法如下：
定义锚点目标；锚点目标的定义方式有4种：类Setext形式的标题、类atx形式的标题、带id特性的HTML标签(id特性的值为目标内容)、带name特性的a标签(name特性的值为目标内容)；
定义锚点；锚点的定义方式有3种：行内式链接、参考式链接、HTML的a链接；
说明：
锚点 和 锚点目标 的定义不分先后顺序；
注意：
锚点的 目标内容 中不能有大家字母和空格，所以如果锚点目标的 目标内容 中有大写字母或空格，则需要在定义锚点中的 目标内容 时，把大写字母改成小写字母，把空格改成 -；
锚点的 目标内容 中不能含有以下字符：
半角点(即英文中的句号).
标签形式的锚点目标的id特性值中是不能含有中文字符；
name 特性只能应用在 a 标签上；
HTML5不支持通过a标签的 name 特性来定义锚点目标；
HTML锚点 的目标锚点只能是 标签形式的锚点目标
五. 示例
示例1
锚点：
[跳转到个人简介](#个人简介)
锚点目标：
# 个人简介
示例2
锚点：
[跳转到个人简介]: #个人简介
[跳转到个人简介][]
锚点目标：
个人简介
=====
示例3
锚点：
[跳转到个人简介](#个人简介)
锚点目标：
这是个人简介
示例4
锚点：
[跳转到个人简介](#个人简介)
锚点目标：
示例5
锚点：
锚点目标：
个人简介
----
示例6
锚点：
锚点目标：
这是个人简介
示例7
锚点：
锚点目标：
这是个人简介
扫一扫
1335
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
