HTML - 带有命名锚点的自动导航 #答案

【问题标题】：HTML - Auto navigation with Named Anchors #HTML - 带有命名锚点的自动导航 #
【发布时间】：2010-08-24 13:03:45
【问题描述】：

我们可以在页面中使用名称锚点，如下面的代码

<!---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 是如何做到的。 ..我想要什么这是如何完成的，或者这种技术有什么名字

【问题讨论】：

您缺少命名锚点的结束标记，并且该技术不赞成“为任何元素提供 id”。
对于 HTML 4 页面，不需要结束标记，名称绝对可以。一般来说，我还建议始终使用 id 属性。
@Moon 在你开始抱怨别人的回答之前，先解决你自己的问题。蹩脚的英语并没有真正的帮助。
@Kau-Boy — <a> 元素的结束标记从不可选。如果您忽略它，大多数浏览器倾向于执行错误恢复，但这并不意味着您应该这样做。
@NullUserException — 这个网站做了很多不是最佳实践的事情，它的源代码距离如何构建网站的光辉榜样还有很长的路要走。

标签： html anchor

【解决方案1】：

您可以在任何 HTML 元素的 id 属性值之后附加一个哈希值。看这个例子：http://en.wikipedia.org/wiki/Html#Attributes

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

【讨论】：

我对你的回答感到非常满意......我要去你的个人资料并投票给你所有的问题......
我很高兴我能如此轻松地满足你:)

【解决方案2】：

你需要

<a href="#Mark_1">Mark 1</a>

注意哈希

【讨论】：

【解决方案3】：

它正在做你所说的，一个命名的锚。所以链接看起来像这样：

<a href="http://stackoverflow.com/questions/3549590/in-depth-ruby-gem-development-resources-book-video-sites/3550910#3550910"></a>

请注意 href (... 3550910#3550910) 中的“#”，这是已命名的部分。带你去你想去的地方。

顺便说一句，在您上面的示例中，您指向命名锚点的链接应该是

<a href="#Mark_1">Mark 1</a>

注意哈希

【讨论】：

我说我不想要stackoverflow是怎么做的......我想没有人读过这个问题，只是认为这是一个简单的问题并急于回答
这一切都很好，但解释堆栈的作用是同时回答您的问题。这是一个已命名的锚点，已结案，无需投票。

【解决方案4】：

我认为你说得对，但你只需要添加目标属性。

<a href="#Mark_1" target="_blank">Mark 1</a>

这将在新页面中打开链接，应该将其定位在锚点下方。不过，我通常在 href 部分使用完整的 URL。

【讨论】：