我们可以只使用<a href="#"> for &#34;back to top&#34; button at bottom of the page?</a>

时间:2010-02-04 18:08:47

标签: xhtml usability accessibility

我们可以只使用<a href="#">在页面底部的“返回顶部”按钮吗?我认为它将始终在所有浏览器中工作。我们确实需要定义任何ID。

当我们点击此<a href="#">时,它始终会显示在页面顶部。或者使用“返回顶部”按钮的其他最佳做法是什么。

3 个答案:

答案 0 :(得分:14)

是的,您可以而且应该使用它,因为这意味着它。没有其他做法可以做一个“回到顶部”按钮,即使有这样做,与此相比,它们也不必要地复杂。

答案 1 :(得分:1)

我不认为只使用'#'是好的。这对用户来说没有多大意义。

您不需要定义额外的ID只是为了使用它来快照回到页面顶部。使用页面上的现有元素要好得多。例如,如果您在页面顶部有徽标,则可以为<img>标记指定“顶部”ID:

<img src="logo.png" id="top">

在页面底部,您可以使用此元素ID转到页面顶部:

<a href="#top" title="Go to top of page">Go to top of page</a>

这将产生http://www.mysite.com/#top,这对您的访问者更有意义。

答案 2 :(得分:-2)

href="#" 的缺点是在网址中添加了 # 。“回到顶部的最佳做法“按钮是使用两个选项重新加载页面:

清空href:
<a href="">Top of the Page</a>

将页面重新加载到当前文件的名称,例如: <a href="filename.html">Top of the Page</a>