HTML - 使用命名锚点自动导航#

时间:2010-08-24 13:03:45

标签: html 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如何做到这一点。 ..我想要怎么做或这个技术有什么名称

4 个答案:

答案 0 :(得分:5)

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

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

答案 1 :(得分:0)

你需要

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

注意哈希

答案 2 :(得分:0)

它正在做你正在谈论的事情,一个命名锚。所以链接看起来像这样:

<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>

注意哈希

答案 3 :(得分:0)

我认为你没错,但你只需要添加目标属性。

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

这将在新页面中打开链接,将其放置在锚点下方。我通常使用href部分中的完整URL。