HTML - 使用命名 anchor 自动导航 #

标签 html anchor

我们可以在页面中使用名称 anchor ,如以下代码

<!---Some HTML Code-->
<a href="#Mark_1">Mark 1</a>
<a href="#Mark_2">Mark 2</a>

<!---After some HTML Code-->
<a name="Mark_1">


<!---After some HTML Code-->
<a name="Mark_2">

通过这样做,我们提供了用于上下滚动页面的链接

我在网上多次看到,当您单击链接时,会打开一个新页面,其中包含许多主题,但页面会滚动到所需位置。

如何完成

例如,在 stackoverflow 的最近事件中,当我们单击某个事件时,相关页面会打开,并且页面会从许多事件中滚动到该事件...这只是一个示例...我不知道 stackoverflow 是如何做到这一点的。 ..我想要什么这是如何完成的或者该技术有任何名称

最佳答案

您可以在任何 HTML 元素的 id 属性值后面附加一个哈希值。请参阅此示例:http://en.wikipedia.org/wiki/Html#Attributes

它直接链接到有关“属性”的部分。在本节中还描述了该技术:)

关于HTML - 使用命名 anchor 自动导航 #,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3556664/

相关文章:

jquery - 如何使用 jQuery 在单击时获取 anchor 文本/href?

javascript - 替代 <a href ="#"> 当 anchor 标记仅触发 jQuery 操作而不重定向用户时?

html - 隐藏具有完全相同类的元素

javascript - 如何使用纯 javascript 将 HTML 字符串替换为 img 标签

javascript - 无法弄清楚为什么数字不会增加

javascript - 在 HTML/JS 中滚动时显示一系列图像

javascript - 如何链接到javascript中的同一页面 anchor

javascript - 在 javascript 上计算小费。我的代码有什么问题?

jQuery代码动态添加样式到 anchor 标签

javascript - 如何使用 JQuery 中的 anchor 标记从其他页面中选择特定选项卡..?