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

Question

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

Answer 1

使用 an 进行散列将带您到页面上id与 等效的元素。id

所以如果你有一个像这样的 div：

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

和这样的锚：

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

单击锚点将带您到 DOM 中的该 div 位置。

Answer 2

这取决于您希望将其视为顶部和底部的确切位置.要链接到页面的开头,您可以使用URL #,如<a href="#">Start of page</a>.要链接到开头附近的某个特定元素,请为其分配id属性,例如<h1 id="top">Main heading</h1>,并在链接中使用该属性值,例如<a href="#top">Start of page</a>.

底部有点棘手,因为它没有预定义的URL,虽然你可以使用这种id技术,但URL将引用元素的开头.您可以使用文档正文末尾的空元素来处理此问题:

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

然后你会用eg <a href="#bottom">End of page</a>.

但是,通常链接到页面的开头比无用的更糟糕,并且链接到页面末尾并不是更好.每个浏览器都提供了一种简单的方法来访问任何页面的开头或结尾.