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

Question

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

Answer 1

这取决于您希望将什么视为顶部和底部。要链接到页面的开头，您可以使用 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>

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

但是，通常links to start of page are worse than useless , 和页面末尾的链接也好不到哪儿去。每个浏览器都提供了一种到达任何页面开头或结尾的简单方法。