将#href锚添加到网页

Question

我想在HTML页面中添加#something。

http://en.wikipedia.org/wiki/Stack_Overflow_(website)上的#History就是一个例子。

我该怎么做？

Answer 1

如果您检查该页面上的HTML，您将看到它是如何完成的。

锚标记的href中的＃符号将告诉浏览器移动到具有匹配ID的元素（其中ID =＃符号后面的所有内容）。

例如：

<a href="#MyLocation">My Link</a>

<div id="MyLocation">The anchor destination</div>

您还可以将其包含在网址的末尾，并在页面加载时将用户直接带到目的地。

http://en.wikipedia.org/wiki/Stack_Overflow_(website)#History

Answer 2

在name nchor上使用id或<a>属性：

<a name="foo"></a>
<h1>Foo</h1>

<a id="bar"></a>
<h1>Bar</h1>

将链接指向http://www.example.com/#foo或http://www.example.com/#bar会将浏览器向下滚动到相应的<a>。

specification of HTML4列出name第一个和id秒。 （注意链接中的#？您还可以查看网站的源代码！）

  

当设置A元素的name或id属性时，该元素定义一个可能是其他链接的目标的锚。

根据HTML Anchors with 'name' or 'id'?，在HTML5中，id="foo"或name="foo"可以id="foo"优先。