Quisiera saber si existe algo mejor que usar document.write()
para crear una plantilla que se repita en multiples hojas html, o bien no es considerado buena práctica, porque veo que ningun sitio web lo usan, y sin embargo lo veo como la forma mas sencilla de hacer.
O sea, dentro de los parentesis del document.write()
escribo la plantilla html, y luego lo meto en un archivo js, el cual sera importado en cada subpágina, luego el contenido unico de cada subpagina se añade con document.getElementById().innerHTML
.
En este ejemplo de plantilla, quiero hacer un sitio con un flexbox, dentro del cual esta el aside y un div, y a su vez, el div contiene el main y el footer para ambos estén en columna al lado del aside.
body {
margin: 0;
--anchobarra: 300px;
--margen: 20px;
position: relative;
}
h1 {margin: 40px; font-size: 23px;}
parts {border: 1px solid rgb(255,255,0); box-sizing: border-box;}
main {font-size: 24px; position: relative;}
.flexconteiner {display: flex; margin: 0 var(--margen) 0 var(--margen)}
.mainfoot { border-right: 1px solid white; width: 100%;}
aside {width: var(--anchobarra); height: 100%; padding: 20px;}
<body>
<header class="parts">
<h1>titulo del sitio</h1>
</header>
<div class="flexconteiner">
<div class="mainfoot">
<main class="parts">
contenido variable de la subpagina
</main>
<footer class="parts">
contenido variable de la subpagina
</footer>
</div>
<aside id="aside" class="parts">
contenido invariable
</aside>
</div>
</body>