当你在网页上工作时,你可能会看到这样的链接:
<a href="#">features</a>
href="#"
是一个占位符。链接不会指向任何特定的东西。
有时这意味着应用程序正在进行中,稍后我们将填充该链接 href
属性。
其他时候你会看到:
<a href="#features">features</a>
在这种情况下,链接引用同一页面中的一个点。
你会有一个这样的元素:
<a id="features">Features</a>
它也可以是一个空元素,它会在那里,但被隐藏:
<a id="features"></a>
注意,这里我们使用了 id
(它不必是 a
标签,可以是任何带有相同 id
值的标签)。
单击下面链接:
<a href="#features">features</a>
它将带我们滚动至 id
等于 features
的位置。
如果链接是:
<a href="/features">features</a>
点击这个,浏览器将打开一个单独的 URL。
你也可以把它们结合起来:
<a href="/features#first">features</a>
它将打开 /features
URL,并滚动到 <a>
上带有 id="first"
的标签。
在滚动到页面顶部的多种实现文章中,我们的第一种返回顶部便使用到了这种方式。