我如何链接到页面的一部分? (哈希?)

你如何链接(与<a> ),使浏览器转到目标页面上的某个子标题,而不是顶部?

如果存在<a name="foo">标记或任何带有id标记(例如, <div id="foo" >),则可以简单地将#foo附加到URL。 否则,您不能任意链接到页面的某些部分。

下面是一个完整的示例: <a href="http://example.com/page.html#foo">Jump to #foo on page.html</a>

链接同一页面上的内容示例: <a href="#foo">Jump to #foo on same page</a>

你使用一个锚点和一个散列。 例如:

链接的目标:

  <a name="name_of_target">Content</a> 

链接到目标:

  <a href="#name_of_target">Link Text</a> 

或者,如果从不同的页面链接:

  <a href="http://path/to/page/#name_of_target">Link Text</a> 

只需在URL中添加一个具有元素ID的散列即可。 例如

 <div id="about"></div> 

 http://mysite.com/#about 

所以链接看起来像:

 <a href="http://mysite.com/#about">About</a> 

要不就

 <a href="#about">About</a> 

这里是如何:

 <a href="#go_middle">Go Middle</a> <div id="go_middle">Hello There</div> 

你有两个select:

你可以在你的文档中添加一个锚点,如下所示:

 <a name="ref"></a> 

或者你给任何一个HTML元素一个id:

 <h1 id="ref">Heading</h1> 

然后简单地将哈希#ref附加到链接的URL以跳转到所需的参考。 例:

 <a href="document.html#ref">Jump to ref in document.html</a> 

W3学校在这里有一个简单的指南,但是 – 你使用名称属性和散列。