使用 href= "#!/id" 进行导航

Question

最近我注意到一些网站的菜单导航有点像这样。

    <div id="navigation">
      <ul id="nav">
        <li><a href="#" class="selected"> HOME </a></li>
        <li><a href="#!/about"> ABOUT </a></li>
        <li><a href="#!/projects"> PROJECTS </a></li>
        <li><a href="#!/contact"> CONTACT </a></li>
      </ul>
    </div>

我还注意到，这 ！/ 位于具有动画效果的"单页"网站中。示例（请查看源代码中的导航）
我试图使用它，但没有动画，它似乎毫无用处。
我的问题是，

• <a href="#about"> ABOUT </a>导航到当前页面中 id='about' 的部分。那<a href="#!/about"> ABOUT </a>是什么意思呢？
• 这与jQuery有某种关系吗？或者它特定于某些jQuery插件？
• 如果是，那么我可以说，它不是导航到任何地方，而只是帮助动画的"隐藏"（或假地址）吗？（我这样问是因为没有动画，它看起来毫无用处）。

Answer 1

hashbang 与动画无关（直接）。它在那里提供一个URL，当您使用Ajax更改页面内容时，您可以链接到该URL。然后，Google 可以将该网址转换为指向您网站上的某个网址的网址，从而向 Google 提供可编入索引的内容。

该技术已被历史记录 API 淘汰，它允许您将 URL 更改为您网站上的普通 URL。

使用普通 URL 意味着渐进式增强有效，并且您不会遇到加载索引页、向用户显示索引页，然后在几秒钟后让 JavaScript 替换它的性能问题。

---

如果要在加载新内容时执行动画，则可以。它只是与URL更改没有任何关系。