Skip to content

Latest commit

 

History

History
61 lines (38 loc) · 1.45 KB

在链接中使用 # 符号有什么用?.md

File metadata and controls

61 lines (38 loc) · 1.45 KB

在链接中使用 # 符号有什么用?

当你在网页上工作时,你可能会看到这样的链接:

<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" 的标签。

更多资料

滚动到页面顶部的多种实现文章中,我们的第一种返回顶部便使用到了这种方式。