Às vezes gosto de fazer um protótipo de site em HTML puro, principalmente quando não tenho certeza de que tipo de linguagem de framework irei usar para o projeto.
Não quero usar nenhum grande sistema de modelos, em vez disso, uso este truque simples (jQuery):
$('body').on('click', 'a', function(e) {
e.preventDefault();
$('#content').load($(this).attr('href'));
});
O script apenas carregará html em meu #content
div a partir de arquivos html.
Duas coisas a serem observadas:
cada
<a>
link será afetado, você pode alterá-lo para uma classe personalizada se usar<a>
tags para outras coisas.alguns navegadores podem ter problemas para carregar arquivos locais como esse, devido à política de mesma origem.