Have you noticed the way how Facebook changes URLs in address bar without reloading the entire page? To check it, go to your Facebook wall and click on any photograph shown in the stream, the photo is displayed as a popup with AJAX techniques on the same page but the URL in address bar changes. Close the photograph, address bar points back to the URL of your wall without reloading the page. Would you like to implement such features on your website? Continue reading.
The trick to implement this feature on any website is to make use of HTML5 history APIs – pushState() & replaceState(). These APIs lets you change the URLs in address bar without actually reloading the entire page. Mozilla developer network has a great tutorial on HTML 5 history API. The history APIs makes it very easy to change the URLs of address page in ajax mode.
In order to avoid cross browser compatibility issues, jQuery has a nice plugin – History.js. History.js ensures all HTML5 browsers work as expected with History API and also optionally provides a hash-fall back for HTML 4 browsers.
Demo & Resource Links
Here are few useful links on HTML 5 history API