看到后面再点这里！

需要背景

当我们写的一篇文章很长时，为了读者能有更好的阅读体验，我们希望我们的文章能有一个索引目录，只要一点击目录对应的标题，读者就可以跳到这个标题所对应的内容。如果是跳到一个新网址，那么很容易：只要点击csdn的markdown编辑下的“超链接”，按要求完成即可。但如果我们想用超链接完成页内跳转呢？这就得用html啦！

代码

我们把目录内容称为“锚点”，点击目录后跳转到的地方称为“锚点目标”。理解了这个以后，我们就可以愉快地跳转啦：

为了简化操作，我不会介绍所有锚点和锚点目标的操作方式，只会使用csdn里可行的、我用得习惯一种。
锚点：

<a href="#a">跳转到个人简介</a>

锚点目标：

<h1 id="a">这是个人简介</h1>

实战演练

锚点：

<a href="#abc">看到后面再点这里！</a>

锚点目标：

<h1 id="abc">注意事项</h1>

效果：
在开头点击“看到后面再点这里！”就会跳到下方的“注意事项”。

注意事项

1.锚点的目标内容中不能含有大写字母、空格和半角点
2.html5不支持用a标签的name来命名锚点目标，好像csdn就是html5的…（个人猜测）
3.在csdn下，目标内容不支持中文，我也不知道为什么，希望有知道的大佬在评论区告诉我！

在写csdn博客时，如何实现用超链接进行页面内跳转？相关推荐

如何在写CSDN博客时预览文章
最近刚刚开始在CSDN写博客,发现CSDN博客各种纠结,图片的上传感觉就及其麻烦了.等你好不容易写好后,发现还得审核,审核一过你突然发现你的格式没排版好,然后你又修改,最后又审核..实在无力吐槽..我 ...
初用CSDN博客，如何在写CSDN博客时插入黑色代码，使用高亮主题
最近辞职交接,闲着无事,想学习下博客,将平时的项目经验总结一下,结果CSDN博客中不会插入黑色代码,搞了一上午都没搞出来,网上搜了很多资料,但总是没有说到问题的核心上. 一开始我插入的代码是这样的: ...
写CSDN博客时，怎样插入表格
1.插入表格方法一在博客中插入表格的写法,我们可以通过写博客-->表格-->复制过程找到表格的样例,如下图所示: 2.插入表格方法二在博客中插入表格的写法,我们可以通过写博客--& ...
如何在写CSDN博客时插入黑色代码，给人舒服的体验
一开始我插入的代码是这样的: 发布博客后,是这样的: 感觉有点lou呀,不行咱得骚起来呀,如下为效果展示图黑色高大尚,很炫酷. 具体如何修改如下,首先找到管理博客: 第二步找到博客设置: 第三步选择 ...
写CSDN博客时插入emoji表情的方法（保姆级图文+实现代码）
目录一些表情代码资源网站最近浏览博客总会看到一些可爱的表情包,比如这种:"O(∩_∩)O哈哈~"."o(╥﹏╥)o",但是这种表情包太少而且总觉得用着不怎 ...
【教程】写CSDN博客时调整图片大小，图片居中
复制下面的代码,将src参数后面的链接,替换成你自己的图片链接. 其中: align参数:控制图片的位置 width参数:控制图片缩放程度 src参数:图片的网络链接(上传到CSDN生成网络链接) & ...
写CSDN博客时，调节字体、大小、颜色
字体颜色样式系列为了突出重点内容,想设置不同颜色, 颜色挑选网址: https://blog.csdn.net/wo919191/article/details/84249531 face设置字体 ...
写CSDN博客时表格内如何换行
使用<br>标签例如: 效果图
写CSDN博客时，怎样创建多级子目录
创建子目录,一个#代表一级,注意最后一个#号与目录标题之间有一个空格. 1.写法如下所示: # 一级目录 ## 二级目录 ### 三级目录 #### 四级目录 ##### 五级目录 2.效果如下所示: ...
用Windows Live Writer写CSDN博客和网易博客
用Windows Live Writer写CSDN博客的步骤如下: 安装Windows Live Writer后,会有一个添加账户的向导在第一步"选择博客类型"时,选择" ...

在写csdn博客时，如何实现用超链接进行页面内跳转？

看到后面再点这里！

需要背景

代码

实战演练

注意事项

在写csdn博客时，如何实现用超链接进行页面内跳转？相关推荐

最新文章

热门文章