📌  相关文章
📜  如何在 HTML 中创建指向同一页面内部分的链接?(1)

📅  最后修改于: 2023-12-03 15:08:37.859000             🧑  作者: Mango

如何在 HTML 中创建指向同一页面内部分的链接?

在 HTML 中创建指向同一页面内部分的链接十分简单。HTML 提供了锚点(anchor)这一元素来实现这一功能。

当你想创建一个链接到当前页面中的某个位置时,首先你需要在该位置上添加一个锚点。具体方法是在该位置上添加一个 id 属性,该属性值作为该位置的标识符。

例如,我们想在页面中创建一个回到顶部的链接,可以在页面代码中的顶部位置添加一个锚点:

<div id="top"></div>

接着,在页面的任何位置可以添加一个链接,指向该锚点。链接的 href 属性值为 # 加上该锚点的 id 属性值即可。例如:

<a href="#top">回到顶部</a>

在点击该链接时,浏览器会自动滚动到该页面中 idtop 的元素所在位置。

除了 id 属性外,你还可以使用 name 属性来定义一个锚点。不过,使用 name 属性定义的锚点已经不再推荐使用,因为该属性在 HTML 5 中已经被废弃。

总之,HTML 中创建指向同一页面内部分的链接十分简单,只需添加 id 属性来定义锚点,并在链接的 href 属性值中使用 # 加上该锚点的 id 即可。