简介：利用网页内的跳转，可以使得博文中的引用更加的精确。可以在点击跳转之后能够精确定位在引用网页中的位置。这需要能够准确获得所在网页内的“锚定字符串”。本文总结了CSDN，Gitee中的方法。如果你还知道对于其它网站中的网页内进行定位引用的方法，可以在博文后面给出建议。

关键词： 博文页内跳转，CSDN，Gitee，ZHUOQING

#mermaid-svg-yRp6zvY8h9i2ZtyQ .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-yRp6zvY8h9i2ZtyQ .label text{fill:#333}#mermaid-svg-yRp6zvY8h9i2ZtyQ .node rect,#mermaid-svg-yRp6zvY8h9i2ZtyQ .node circle,#mermaid-svg-yRp6zvY8h9i2ZtyQ .node ellipse,#mermaid-svg-yRp6zvY8h9i2ZtyQ .node polygon,#mermaid-svg-yRp6zvY8h9i2ZtyQ .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-yRp6zvY8h9i2ZtyQ .node .label{text-align:center;fill:#333}#mermaid-svg-yRp6zvY8h9i2ZtyQ .node.clickable{cursor:pointer}#mermaid-svg-yRp6zvY8h9i2ZtyQ .arrowheadPath{fill:#333}#mermaid-svg-yRp6zvY8h9i2ZtyQ .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-yRp6zvY8h9i2ZtyQ .flowchart-link{stroke:#333;fill:none}#mermaid-svg-yRp6zvY8h9i2ZtyQ .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-yRp6zvY8h9i2ZtyQ .edgeLabel rect{opacity:0.9}#mermaid-svg-yRp6zvY8h9i2ZtyQ .edgeLabel span{color:#333}#mermaid-svg-yRp6zvY8h9i2ZtyQ .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-yRp6zvY8h9i2ZtyQ .cluster text{fill:#333}#mermaid-svg-yRp6zvY8h9i2ZtyQ div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-yRp6zvY8h9i2ZtyQ .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-yRp6zvY8h9i2ZtyQ text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-yRp6zvY8h9i2ZtyQ .actor-line{stroke:grey}#mermaid-svg-yRp6zvY8h9i2ZtyQ .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-yRp6zvY8h9i2ZtyQ .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-yRp6zvY8h9i2ZtyQ #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-yRp6zvY8h9i2ZtyQ .sequenceNumber{fill:#fff}#mermaid-svg-yRp6zvY8h9i2ZtyQ #sequencenumber{fill:#333}#mermaid-svg-yRp6zvY8h9i2ZtyQ #crosshead path{fill:#333;stroke:#333}#mermaid-svg-yRp6zvY8h9i2ZtyQ .messageText{fill:#333;stroke:#333}#mermaid-svg-yRp6zvY8h9i2ZtyQ .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-yRp6zvY8h9i2ZtyQ .labelText,#mermaid-svg-yRp6zvY8h9i2ZtyQ .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-yRp6zvY8h9i2ZtyQ .loopText,#mermaid-svg-yRp6zvY8h9i2ZtyQ .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-yRp6zvY8h9i2ZtyQ .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-yRp6zvY8h9i2ZtyQ .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-yRp6zvY8h9i2ZtyQ .noteText,#mermaid-svg-yRp6zvY8h9i2ZtyQ .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-yRp6zvY8h9i2ZtyQ .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-yRp6zvY8h9i2ZtyQ .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-yRp6zvY8h9i2ZtyQ .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-yRp6zvY8h9i2ZtyQ .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yRp6zvY8h9i2ZtyQ .section{stroke:none;opacity:0.2}#mermaid-svg-yRp6zvY8h9i2ZtyQ .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-yRp6zvY8h9i2ZtyQ .section2{fill:#fff400}#mermaid-svg-yRp6zvY8h9i2ZtyQ .section1,#mermaid-svg-yRp6zvY8h9i2ZtyQ .section3{fill:#fff;opacity:0.2}#mermaid-svg-yRp6zvY8h9i2ZtyQ .sectionTitle0{fill:#333}#mermaid-svg-yRp6zvY8h9i2ZtyQ .sectionTitle1{fill:#333}#mermaid-svg-yRp6zvY8h9i2ZtyQ .sectionTitle2{fill:#333}#mermaid-svg-yRp6zvY8h9i2ZtyQ .sectionTitle3{fill:#333}#mermaid-svg-yRp6zvY8h9i2ZtyQ .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yRp6zvY8h9i2ZtyQ .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-yRp6zvY8h9i2ZtyQ .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yRp6zvY8h9i2ZtyQ .grid path{stroke-width:0}#mermaid-svg-yRp6zvY8h9i2ZtyQ .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-yRp6zvY8h9i2ZtyQ .task{stroke-width:2}#mermaid-svg-yRp6zvY8h9i2ZtyQ .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yRp6zvY8h9i2ZtyQ .taskText:not([font-size]){font-size:11px}#mermaid-svg-yRp6zvY8h9i2ZtyQ .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yRp6zvY8h9i2ZtyQ .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-yRp6zvY8h9i2ZtyQ .task.clickable{cursor:pointer}#mermaid-svg-yRp6zvY8h9i2ZtyQ .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-yRp6zvY8h9i2ZtyQ .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-yRp6zvY8h9i2ZtyQ .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-yRp6zvY8h9i2ZtyQ .taskText0,#mermaid-svg-yRp6zvY8h9i2ZtyQ .taskText1,#mermaid-svg-yRp6zvY8h9i2ZtyQ .taskText2,#mermaid-svg-yRp6zvY8h9i2ZtyQ .taskText3{fill:#fff}#mermaid-svg-yRp6zvY8h9i2ZtyQ .task0,#mermaid-svg-yRp6zvY8h9i2ZtyQ .task1,#mermaid-svg-yRp6zvY8h9i2ZtyQ .task2,#mermaid-svg-yRp6zvY8h9i2ZtyQ .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-yRp6zvY8h9i2ZtyQ .taskTextOutside0,#mermaid-svg-yRp6zvY8h9i2ZtyQ .taskTextOutside2{fill:#000}#mermaid-svg-yRp6zvY8h9i2ZtyQ .taskTextOutside1,#mermaid-svg-yRp6zvY8h9i2ZtyQ .taskTextOutside3{fill:#000}#mermaid-svg-yRp6zvY8h9i2ZtyQ .active0,#mermaid-svg-yRp6zvY8h9i2ZtyQ .active1,#mermaid-svg-yRp6zvY8h9i2ZtyQ .active2,#mermaid-svg-yRp6zvY8h9i2ZtyQ .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-yRp6zvY8h9i2ZtyQ .activeText0,#mermaid-svg-yRp6zvY8h9i2ZtyQ .activeText1,#mermaid-svg-yRp6zvY8h9i2ZtyQ .activeText2,#mermaid-svg-yRp6zvY8h9i2ZtyQ .activeText3{fill:#000 !important}#mermaid-svg-yRp6zvY8h9i2ZtyQ .done0,#mermaid-svg-yRp6zvY8h9i2ZtyQ .done1,#mermaid-svg-yRp6zvY8h9i2ZtyQ .done2,#mermaid-svg-yRp6zvY8h9i2ZtyQ .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-yRp6zvY8h9i2ZtyQ .doneText0,#mermaid-svg-yRp6zvY8h9i2ZtyQ .doneText1,#mermaid-svg-yRp6zvY8h9i2ZtyQ .doneText2,#mermaid-svg-yRp6zvY8h9i2ZtyQ .doneText3{fill:#000 !important}#mermaid-svg-yRp6zvY8h9i2ZtyQ .crit0,#mermaid-svg-yRp6zvY8h9i2ZtyQ .crit1,#mermaid-svg-yRp6zvY8h9i2ZtyQ .crit2,#mermaid-svg-yRp6zvY8h9i2ZtyQ .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-yRp6zvY8h9i2ZtyQ .activeCrit0,#mermaid-svg-yRp6zvY8h9i2ZtyQ .activeCrit1,#mermaid-svg-yRp6zvY8h9i2ZtyQ .activeCrit2,#mermaid-svg-yRp6zvY8h9i2ZtyQ .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-yRp6zvY8h9i2ZtyQ .doneCrit0,#mermaid-svg-yRp6zvY8h9i2ZtyQ .doneCrit1,#mermaid-svg-yRp6zvY8h9i2ZtyQ .doneCrit2,#mermaid-svg-yRp6zvY8h9i2ZtyQ .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-yRp6zvY8h9i2ZtyQ .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-yRp6zvY8h9i2ZtyQ .milestoneText{font-style:italic}#mermaid-svg-yRp6zvY8h9i2ZtyQ .doneCritText0,#mermaid-svg-yRp6zvY8h9i2ZtyQ .doneCritText1,#mermaid-svg-yRp6zvY8h9i2ZtyQ .doneCritText2,#mermaid-svg-yRp6zvY8h9i2ZtyQ .doneCritText3{fill:#000 !important}#mermaid-svg-yRp6zvY8h9i2ZtyQ .activeCritText0,#mermaid-svg-yRp6zvY8h9i2ZtyQ .activeCritText1,#mermaid-svg-yRp6zvY8h9i2ZtyQ .activeCritText2,#mermaid-svg-yRp6zvY8h9i2ZtyQ .activeCritText3{fill:#000 !important}#mermaid-svg-yRp6zvY8h9i2ZtyQ .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yRp6zvY8h9i2ZtyQ g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-yRp6zvY8h9i2ZtyQ g.classGroup text .title{font-weight:bolder}#mermaid-svg-yRp6zvY8h9i2ZtyQ g.clickable{cursor:pointer}#mermaid-svg-yRp6zvY8h9i2ZtyQ g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-yRp6zvY8h9i2ZtyQ g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-yRp6zvY8h9i2ZtyQ .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-yRp6zvY8h9i2ZtyQ .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-yRp6zvY8h9i2ZtyQ .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-yRp6zvY8h9i2ZtyQ .dashed-line{stroke-dasharray:3}#mermaid-svg-yRp6zvY8h9i2ZtyQ #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-yRp6zvY8h9i2ZtyQ #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-yRp6zvY8h9i2ZtyQ #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-yRp6zvY8h9i2ZtyQ #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-yRp6zvY8h9i2ZtyQ #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-yRp6zvY8h9i2ZtyQ #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-yRp6zvY8h9i2ZtyQ #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-yRp6zvY8h9i2ZtyQ #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-yRp6zvY8h9i2ZtyQ .commit-id,#mermaid-svg-yRp6zvY8h9i2ZtyQ .commit-msg,#mermaid-svg-yRp6zvY8h9i2ZtyQ .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yRp6zvY8h9i2ZtyQ .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yRp6zvY8h9i2ZtyQ .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yRp6zvY8h9i2ZtyQ g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yRp6zvY8h9i2ZtyQ g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-yRp6zvY8h9i2ZtyQ g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-yRp6zvY8h9i2ZtyQ g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-yRp6zvY8h9i2ZtyQ g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-yRp6zvY8h9i2ZtyQ g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-yRp6zvY8h9i2ZtyQ .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-yRp6zvY8h9i2ZtyQ .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-yRp6zvY8h9i2ZtyQ .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-yRp6zvY8h9i2ZtyQ .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-yRp6zvY8h9i2ZtyQ .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-yRp6zvY8h9i2ZtyQ .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-yRp6zvY8h9i2ZtyQ .edgeLabel text{fill:#333}#mermaid-svg-yRp6zvY8h9i2ZtyQ .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yRp6zvY8h9i2ZtyQ .node circle.state-start{fill:black;stroke:black}#mermaid-svg-yRp6zvY8h9i2ZtyQ .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-yRp6zvY8h9i2ZtyQ #statediagram-barbEnd{fill:#9370db}#mermaid-svg-yRp6zvY8h9i2ZtyQ .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-yRp6zvY8h9i2ZtyQ .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-yRp6zvY8h9i2ZtyQ .statediagram-state .divider{stroke:#9370db}#mermaid-svg-yRp6zvY8h9i2ZtyQ .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-yRp6zvY8h9i2ZtyQ .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-yRp6zvY8h9i2ZtyQ .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-yRp6zvY8h9i2ZtyQ .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-yRp6zvY8h9i2ZtyQ .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-yRp6zvY8h9i2ZtyQ .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-yRp6zvY8h9i2ZtyQ .note-edge{stroke-dasharray:5}#mermaid-svg-yRp6zvY8h9i2ZtyQ .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-yRp6zvY8h9i2ZtyQ .error-icon{fill:#522}#mermaid-svg-yRp6zvY8h9i2ZtyQ .error-text{fill:#522;stroke:#522}#mermaid-svg-yRp6zvY8h9i2ZtyQ .edge-thickness-normal{stroke-width:2px}#mermaid-svg-yRp6zvY8h9i2ZtyQ .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-yRp6zvY8h9i2ZtyQ .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-yRp6zvY8h9i2ZtyQ .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-yRp6zvY8h9i2ZtyQ .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-yRp6zvY8h9i2ZtyQ .marker{fill:#333}#mermaid-svg-yRp6zvY8h9i2ZtyQ .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-yRp6zvY8h9i2ZtyQ {color: rgba(0, 0, 0, 0.75);font: ;}

网页内引用

文章目录

网页内跳转

如何定义锚
定字符串?

Markdown锚定

CSDN网页

Gitee网页

§01 网页内引用

1.1 网页内跳转

利用CSDN提供的网页内容编辑，可以帮助我们快速成型文档、记录学习研究过程以及与其他人进行交流的过程。文档中的连接引用可以在更大的不同网页之间形成内容联系，便于信息的整理和追踪。

利用 Markdown 引用语法 可以很方便实现网页之间的引用和跳转。但是为了更加实现更加精确内容索引，需要能够不仅在网页之间跳转，还需要能够直接定位到网页中的某一段路和图表。

在博文 如何实现MARKDOWN网页内跳转？ 中给出了实现在同一网页内的跳转引用，同时在其 第二部分，也给出了转移到另外网页内的跳转 方法。实际上这些都是利用了网页链接之后，在链接地址后使用“#”隔开的页内铆钉字符来起到定位的作用。

比如下面的链接引用中，在最后利用了“#1234” 作为在目标网页中的锚定字符串，可以直接跳转到保定字符串所在的最初。

[**跳转到另外网页内部锚位置**](https://zhuoqing.blog.csdn.net/article/details/107294049#1234)

可以测试一下：跳转到另外网页内部锚位置

1.2 如何定义锚定字符串？

从上面来看，如果希望引用到网页中的某一具体位置，需要在网页中定义出“锚定字符串”，在如何实现MARKDOWN网页内跳转？中给出了 基本HTML标签实现方式 。

1.2.1 锚定字符串

如果你希望跳转的网页是由你自己编辑的，可以使用下面的方式在所需要跳转的地方。这个方式是由John Tsai给出的，分成两步：

定义一个锚(id)：
<span id="jump">跳转到的地方</span>
使用markdown语法：
[点击跳转](#jump)

那么问题来了，如果该网页不是你自己的编辑的博文，该如何在合适的地方增加跳转锚定字符串呢？

§02 Markdown锚定

如果你使用了Markdown编辑器在CSDN，Gitee上编辑了相关的网页文档，可以通过以下方式获得该网页文档不同标题下对应的网页内跳转引用连接。

2.1 CSDN网页

通过浏览器阅读CSDN中的文章是，可以在浏览器的左上角看到目录栏。可以通过手表的右键点击任何一个标题（不同的子标题），通过复制链接地址便可以获得该文章所对应的页内跳转地址。

▲ 图2.1.1 CSDN网页中的目录部分

2.1.1 举例

下面的连接是点击“PaddleHub中的模型”的目录中 “02 PaddleHub使用”目录条右键，通过“复制链接地址”所获得的连接，其中在最后出现的“#t10”是该文章连接对应的页内铆钉字符。

https://zhuoqing.blog.csdn.net/article/details/122352957#t10

利用这个链接形成文中的引用，便可以直接跳转至“PaddleHub中的模型”博文的第二章节处。

[**PaddleHub使用**](https://zhuoqing.blog.csdn.net/article/details/122352957#t10)

可以点击： PaddleHub使用 进行测试一下。

2.2 Gitee网页

对于Gitee中的博文，如果也是使用Markdown编辑的，在展示md文本的时候，在左侧有对应的目录栏。也可以通过右键获得对应目录栏所在的引用。

▲ 图2.2.1 Gitee中的网页

比如下面就是针对其中的“07教学大纲”下的“第八章，神经网络发展”所获得的文章网页链接。形成引用之后，变可以直接跳转到该网页的对应章节。

[**神经网络发展**](https://gitee.com/tsinghuajoking/teaching-resources/blob/master/Neural%20Network/%E4%BA%BA%E5%B7%A5%E7%A5%9E%E7%BB%8F%E7%BD%91%E7%BB%9C%E8%AF%BE%E7%A8%8B.md#%E7%AC%AC8%E7%AB%A0%E7%A5%9E%E7%BB%8F%E7%BD%91%E7%BB%9C%E5%8F%91%E5%B1%95)

通过点击 神经网络发展 进行测试。

2.3 相关图表链接

在CSDN上的ZHUOQING的博文中，在每一篇博文长辈都会有“相关文献链接”、“相关图表链接”。其中的相关图表链接可以通过鼠标右键或者改引用的连接地址。它实际上给出了该博文中对应的图片和表格所在的页内跳转地址。

▲ 图2.3.1 ZHUOQING 在CSDN中的博文链接

比如，下面的信息就是对于其中的一个“相关图表链接”所形成的引用。点击之后可以直接跳转的该博文对应的图片所在的位置。

[**测试图片链接**](https://zhuoqing.blog.csdn.net/article/details/122335209#987001)

点击测试： 测试图片链接

※ 是否有其它方法？ ※

利用网页内的跳转，可以使得博文中的引用更加的精确。可以在点击跳转之后能够精确定位在引用网页中的位置。这需要能够准确获得所在网页内的“锚定字符串”。本文总结了CSDN，Gitee中的方法。如果你还知道对于其它网站中的网页内进行定位引用的方法，可以在博文后面给出建议。

■ 相关文献链接:

Markdown 引用语法
如何实现MARKDOWN网页内跳转？
如何实现MARKDOWN网页内跳转？
Laplace数值逆运算的讨论
如何实现MARKDOWN网页内跳转？
PaddleHub中的模型
神经网络发展
百度上的快速部署的两个平台：EasyDL以及AI Studio体验馆

● 相关图表链接:

图2.1.1 CSDN网页中的目录部分
图2.2.1 Gitee中的网页
图2.3.1 ZHUOQING 在CSDN中的博文链接

如何在CSDN上快速引用到网页内的局部位置？相关推荐

技术图文：如何在CSDN上写自己的技术Blog？
背景下周一很多高校就要开学了,由于疫情的影响教育部提出"停课不停学"的口号.我也想着把组队学习应用于本次的远程线上教学中,通过让学生们写技术blog的方式来检查TA们对知识点的掌 ...
如何在Win11上快速加密硬盘 Win11上快速加密硬盘方法步骤
如何在Win11上快速加密硬盘?我们在使用电脑的时候,会把很多的文件.数据存储在电脑硬盘中,但是有很多重要的文件放在其中,不想让其他人看到,这时我们可以给硬盘加密,但是有很多用户不知道如何操作,下面和 ...
我该如何在csdn上免费下载资料？
初次涉足,不知深浅,怀着美好的憧憬却不知道如何在csdn上下载资料,有点校渺茫,你可以告诉我经常使用的方法吗?或者说是下载资料的行规是什么?
mac 命令行解压7z文件_如何在Mac上快速压缩和解压文件？Mac上解压和压缩文件的方法...
苹果mac电脑怎么压缩和解压文件?Mac电脑仅默认支持把文件压缩成zip格式,解压成zip.tar.gz,bz2等格式,有些操作需要安装第三方软件来完成,这篇文章为大家带来几种关于在Mac上解压和压缩 ...
如何在Mac上快速压缩和解压文件？Mac上解压和压缩文件的方法
苹果mac电脑怎么压缩和解压文件?Mac电脑仅默认支持把文件压缩成zip格式,解压成zip.tar.gz,bz2等格式,有些操作需要安装第三方软件来完成,这篇文章为大家带来几种关于在Mac上解压和压缩 ...
如何在Mac上快速签署PDF，来看这篇超全面分析！
PDF文件在我们的生活工作中用到的越来越多,在现代文档中占据的位置也越来越大,PDF文件几乎可以由任何图形应用程序或浏览器打开,而最重要的是,它不会改变其中的样式和内容,这是文档世界的重大突破. 现在 ...
【Mac 教程系列】如何在 Mac 上快速打出苹果的 Logo 符号 
[Mac 教程系列]如何在 Mac 上快速打出苹果的 Logo 符号  一.介绍 Mac OS 系统是一款由苹果公司开发的操作系统,上面有一个非常受欢迎的logo符号,可以使用键盘快速输出,但是多数 ...
【腾讯云 Finops Crane 集训营】如何在Windows上快速搭建一个Kubernetes+Crane 环境及应用
一.前言个人主页: ζ小菜鸡大家好我是ζ小菜鸡,让我们一起学习在 Windows 如何快速搭建一个Kubernetes+Crane 环境及应用. 如果文章对你有帮助.欢迎关注.点赞.收藏(一键三连 ...
有状态软件如何在 k8s 上快速扩容甚至自动扩容
概述在传统的虚机/物理机环境里, 如果我们想要对一个有状态应用扩容, 我们需要做哪些步骤? 申请虚机/物理机安装依赖下载安装包按规范配置主机名, hosts 配置网络: 包括域名, DNS, ...

如何在CSDN上快速引用到网页内的局部位置？