有个强大的功能,点击博客目录的某个标题,随机就能跳转定位到相应标题的内容。

博客园里如何实现呢?其实很简单。使用的就是 HTML中 <a> 标签的功能

 

1、在博客的编辑状态下,未设置跳转功能的文字显示如下:

 

【博客园使用小指南】如何给标题设置跳转功能?

 

 


2、在正文处设置锚点

(设置锚点的HTML方法: https://blog.csdn.net/qq_40259641/article/details/81510913

(1)

【博客园使用小指南】如何给标题设置跳转功能?

 

(2)

【博客园使用小指南】如何给标题设置跳转功能?

 

 

 

3、为【目录】标题设置超链接

(1)

【博客园使用小指南】如何给标题设置跳转功能?

 

 

(2)

【博客园使用小指南】如何给标题设置跳转功能?

 

 

 

4、去除超链接的下划线——为标签<a>增加属性  style="text-decoration: none;"

(1)

【博客园使用小指南】如何给标题设置跳转功能?

 

 (2)成功去除下划线

【博客园使用小指南】如何给标题设置跳转功能?

 

 

 5、补充说明

标签<a> 的其他属性

参考阅读:

https://jingyan.baidu.com/article/a17d52853095838099c8f24e.html

 

相关文章:

  • 2021-10-27
  • 2021-10-05
  • 2022-12-23
  • 2021-07-27
  • 2021-11-22
  • 2021-11-23
  • 2021-10-30
猜你喜欢
  • 2022-12-23
  • 2021-06-18
  • 2021-08-02
  • 2021-09-02
相关资源
相似解决方案