Muchos desarrolladores han estado buscando soluciones para incluir html como SSI estándar.
<!--#include file="header.html" -->De forma que nos permita probar localmente sin necesidad de un servidor.
W3S y algunos otros han ofrecido excelentes soluciones para esto, como
https://www.w3schools.com/howto/howto_html_include.aspPero no puedo hacer que esto funcione por alguna razón. Abro el archivo html en mi navegador y content.html no se inyecta en la página.
ACTUALIZAR
Esta es mi página html test.html
<!DOCTYPE html> <html> <head> <script> function includeHTML() { var z, i, elmnt, file, xhttp; /* Loop through a collection of all HTML elements: */ z = document.getElementsByTagName("*"); for (i = 0; i < z.length; i++) { elmnt = z[i]; /*search for elements with a certain atrribute:*/ file = elmnt.getAttribute("w3-include-html"); if (file) { /* Make an HTTP request using the attribute value as the file name: */ xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4) { if (this.status == 200) {elmnt.innerHTML = this.responseText;} if (this.status == 404) {elmnt.innerHTML = "Page not found.";} /* Remove the attribute, and call this function once more: */ elmnt.removeAttribute("w3-include-html"); includeHTML(); } } xhttp.open("GET", file, true); xhttp.send(); /* Exit the function: */ return; } } } </script> </head> <body> <div w3-include-html="content.html"></div> <script> includeHTML(); </script> </body> </html>mi página content.html es la misma en el enlace.
Cuando abro test.html en mi navegador, el código content.html no está incluido.