Como usar ajax e jquery para inclusão do lado do cliente do seu html5 e css3 local

Video: Nav Toggle sem plugin • HTML5/CSS3/JS

AJAX pode dar-lhe os mesmos efeitos para o HTML5 e CSS3 que o Server Side Includes (SSI) faz. A página será exatamente o mesmo, mas um método completamente diferente será usada para atingir o seu objetivo.

Aqui está o plano:
Importar a biblioteca jQuery.


o jQuery biblioteca é de longe a maneira mais fácil de trabalhar com AJAX, então importar jQuery qualquer momento que você quer trabalhar com AJAX.
Adicionar uma função de inicialização.
Há muitas maneiras de chamar funções iniciais em jQuery. Não importa qual o mecanismo que você usa, contanto que ocorre após a página foi carregada, mas antes de qualquer outra javascript.
Carregue cada div com o carga() método.
A biblioteca jQuery tem uma carga() método que permite que você faça uma chamada de AJAX e coloque o documento no elemento indicado. Utilize este mecanismo em cada elemento em sua página.
A mesma estrutura do documento pode ser usado com conteúdo muito diferente alterando o javascript. Se você não pode criar um CMS full-blown (porque o servidor não permite SSI, por exemplo), mas você pode fazer AJAX, esta é uma maneira fácil de separar o conteúdo da disposição.