href =“#”在哪里指向(at | to)??

时间:2010-03-27 16:59:44

标签: html hyperlink

有人可以告诉我,带“#”的href意味着什么?

<a id="logoutLink" href="#">Logout</a>

6 个答案:

答案 0 :(得分:5)

这是说“无处可去”的最短路::)

通常其他东西绑定到该链接,在大多数情况下是javascript事件处理程序。但是如果<a>没有href,大多数浏览器都不会使用相同的样式呈现它......所以你需要一些简短的东西放在那里。

如果散列后面有某些内容,例如<a href="#topics">Go to Topics</a>它是一个链接滚动,它会转到带有id="topics"的元素位于页面顶部的位置。一个常见示例是<a href="#top">Go to Top</a>,您可以在页面顶部粘贴<div id="top"></div>

答案 1 :(得分:4)

正如其他人所指出的,哈希锚(以#符号开头的那些)通常会在页面上生成一个命名锚点。页面上的目录可能是您看到此内容的一个很好的示例:

<ul>
  <li><a href="#history">Company History</a></li>
  <li><a href="#goals">Our Goals</a></li>
  <li><a href="#products">Products We Offer</a></li>
  <li><a href="#services">Services We Offer</a></li>
</ul>

<h2><a name="history">History</a></h2>
<p>The #history anchor tag will lead to the named anchor above.</p>

<h2><a name="goals">Our Goals</a></h2>
<p>The #goals anchor tag will lead to the named anchor above.</p>

<h2><a name="products">Products We Offer</a></h2>
<p>The #products anchor tag will lead to the named anchor above.</p>

<h2><a name="services">Services We Offer</a></h2>
<p>The #services anchor tag will lead to the named anchor above.</p>

有一点需要注意的是,当你有一个空白哈希作为锚点href(即:<a href="#">Blah</a>)时,某些浏览器会跳转到页面顶部,这不是理想的效果。要解决此问题并阻止页面一直滚动到顶部,通常会包含一个JavaScript实现,以防止锚标记通常返回false来执行操作。

<a href="#" onclick="return false;">Blah</a>

答案 2 :(得分:2)

这意味着什么......;)通常我们使用#something来创建某个元素的锚点。如果您的网址以...#comments结尾,那么您的浏览器会自动跳转(滚动页面)到id="comments"的元素。

href="#"通常用于创建无处可导的链接。

答案 3 :(得分:1)

如果指向页面上的锚点。在这种情况下,锚只是默认值。你可以在页面上有多个锚点

&lt; a name =“anchor1”&gt;&lt; / a&gt; &lt; a name =“anchor2”&gt;&lt; / a&gt; &lt; a name =“anchor3”&gt;&lt; / a&gt;

并将其链接为

&lt; a href =“#anchor1”&gt; link 1&lt; / a&gt; &lt; a href =“#anchor2”&gt; link 2&lt; / a&gt; &lt; a href =“#anchor3”&gt; link 3&lt; / a&gt;

答案 4 :(得分:1)

这意味着将此页面设为锚点并导航到该页面 - 这就是为什么您在地址行中的URL后面看到'#'(可能会产生令人讨厌的副作用)。这也是为什么如果你点击链接你的页面会回滚到顶部的原因(旁注:你可以通过在onclick处理程序的末尾添加“return false;”来避免这种情况)

答案 5 :(得分:0)

哈希符号(即<a id="logoutLink" href="#">Logout</a>)是一个占位符,因此您可以在开发页面时预览浏览器中的“注销”链接。最终,哈希符号将被替换为真实的URL。