AJAX搜索引擎友好和歷史導航

Question

我正在一些網站上有一個純AJAX部分，但我希望它有SEO友好的URL。

我一直在谷歌搜索，看到我可以使我所有的鏈接「返回false」，這樣我可以讓我的網址與搜索引擎真棒...但我有一個問題，我希望它有歷史但我不知道如何使它...這樣的事情：

<a href="contacts.html">Contacts</a> 

Andclick = return false;但我需要它有

<a href="#contacts">Contacts</a> 

這樣的歷史和後退按鈕可以工作...

我在想，如果我可以只使用歷史類型（使用＃），但我不知道如何友好是該類型的URL。

任何提示或想法？

謝謝！

Answer 1

HTML5引入了一些控制瀏覽器歷史的方法。請參閱"Manipulating the browser history"上的MDC Doc。使用history.pushState()你可以有歷史蛋糕和吃阿賈克斯蛋糕。這隻適用於最新的瀏覽器，以及許多新的HTML5特性。

另外，使用click事件處理函數，它調用event.preventDefault()比使用return false更受歡迎。