Making websites available offline

I am using HTML5 offline storage. The goal is to make the whole site available offline. So intuitively, no server requests means all the pages need to be on the client. The only way I know of to accomplish such a task is开发者_如何转开发 to make the site into one page then show hide portions with jquery when the user "navigates". Is there a better way?

The html 5 offline spec allows multiple pages to be saved offline so you don't need to put all your content onto one page.

EDIT: link to spec http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html

Be careful that your jquery does not still point to the cloud. You'll need to save the relevant .js files locally.

N.B. If your whole site can be generated and saved as individual .html files then all you need to do is to save these files in the correct (relative) directory structure.