- 李嘉轩 的博客
郑智允大佬的教程 1 --- 网页内跳转
- 2024-8-4 22:29:55 @
返回
1
我们知道,跳转是通过锚点实现的。
然而,在主页使用 <a> 元素充当锚点会发现,<a> 元素的 name 属性和 id 属性根本标不上,其他元素也是同理。
所以我们就理所当然的无法实现锚点跳转效果……
了吗?
2
今天,在逛闲聊贴的时候,无意中看到了 @ 的 帖子。其他的内容都平平无奇,然而,一个索引分级给我看笑了,因为这正是我刚入 Keda 时在主页研究的内容,而他的做法正确,但是在 Keda 无法使用。我当时在开发人员面板中观察到了元素的 id 会加上一串前缀。于是在链接锚点的地方也加上了这一串前缀。
然而,随着 OJ 的升级,元素的 id 变成了直接被忽略掉。我们真的熟手无策了吗?
并不然,在点击他的 第一段 和 第二段 标签时,并没有任何反应,然而点击 第三段 时,竟然跳转到了 @ 的 帖子 上?!
3
C
与 @ 帖子中 第三段 的锚点名称相同,这里立刻引起了我的主意,因为 Github 也存在相同的机制。
于是,根据我使用 Github 的经验和开发人员面板中的源代码,我提出了一个猜想:所有的 Markdown 标题都会被自动附上与 标题名 相同的 id 属性。
因此我们便可以通过以上原理完成如下操作:
[跳转](#标题)
<br><br><br><br><br>
# 标题
效果如下: