Question

我总是看到网站上有一个链接显示#top或#bottom，它会将您带到页面的顶部或底部。有人可以告诉我如何在我的网站上使用它。我已经尝试过<a href="#top">或<a href="#bottom">，但它没有用。

Answer 1

这取决于您希望将其视为顶部和底部。要链接到页面的开头，您可以使用网址#，如<a href="#">Start of page</a>中所示。要链接到开头附近的某个特定元素，请为其指定id属性，例如<h1 id="top">Main heading</h1>，并在链接中使用该属性值，例如<a href="#top">Start of page</a>。

底部有点棘手，因为它没有预定义的URL，虽然你可以使用id技术，但URL会引用元素的 start 。您可以使用文档正文末尾的空元素来处理此问题：

Last piece of real content.
<div id="bottom"></div>
</body>
</html>

然后你会使用例如<a href="#bottom">End of page</a>。

但是，通常links to start of page are worse than useless和指向页面末尾的链接并不是更好。每个浏览器都提供了一种简单的方法来访问任何页面的开头或结尾。

Answer 2

使用id进行哈希会将您带到页面上id的等效元素。

所以，如果你有这样的div：

<div id="top"></div>

和一个锚点：

<a href="#top">Go to top div</a>

单击锚点将转到DOM中的div。

Answer 3

如果用户在页面底部显示

，则非常简单

<a href="#top">Go to the top</a>

或者，如果他们位于页面顶部，则显示

<a href="#bottom">Go to bottom</a>

什么是#top以及如何在我的网站上使用它

3 个答案: