Prototipagem HTML

À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 #contentdiv 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.