有人可以告诉我,带“#”的href意味着什么?
<a id="logoutLink" href="#">Logout</a>
答案 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。