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

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

6 Solutions collect form web for “我如何链接到页面的一部分? (哈希?)”

如果存在<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学校在这里有一个简单的指南,但是 – 你使用名称属性和散列。

  • 你怎么做一个div“tabbable”?
  • Facebook的开放图元标签&有效的HTML
  • 指定标签宽度?
  • 将PowerPoint演示文稿embedded到HTML中
  • 如何正确地转义HTML属性内的引号?
  • 与CSS粘页脚问题
  • 根据网页标准,我们可以在<h1>内放置<img>吗?
  • CSS:hover一个元素,效果为多个元素?
  • <head> </ head>中标记的顺序
  • 我们可以在同一个<table>中有多个<tbody>吗?
  • 将居中文本添加到类似<hr />的行的中间