我如何链接到页面的一部分? (哈希?)
你如何链接(与<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学校在这里有一个简单的指南,但是 – 你使用名称属性和散列。