Recentemente eu me deparei com a documentação atual da TAG <link>
no site W3.org - http://www.w3.org/TR/html-imports onde especifica que é possível importar conteúdo com mime-type text/html, ou seja arquivos HTML. Isto solucionaria um problema atual que tenho de fatorar o conteúdo de minha aplicação em vários arquivos HTML.
Fiz um pequeno exemplo que funcionou apenas no Chromium (o Browser com Esteroides do Google).
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Seres Humanos</title>
<link id="heart-html" rel="import" href="heart.html">
</head>
<body>
<p>O que um homem sem um coração ?</p>
<script>
var link = document.querySelector('link#heart-html');
var heart = link.import;
// Acesso o DOM do documento em heart.html
var myHeartMsg = heart.querySelector('p#text');
console.log(myHeartMsg.innerHTML);
</script>
</body>
</html>
heart.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>heart</title>
</head>
<body>
<p id="text">Este é meu coração</p>
</body>
</html>
Procurei exaustivamente na WEB e não encontrei informações sobre qual seria a previsão de suporte a esta feature, ou seja, importar conteúdo text/html nos Browsers modernos usando a tag link ?