¡Hola Daniel!
Entiendo tu pregunta sobre la reutilización de código HTML para el header y el footer en un sitio web. Una forma de lograr esto sin utilizar JavaScript es mediante el uso de un archivo de plantilla. Puedes crear un archivo HTML separado para el header y otro para el footer, y luego incluirlos en cada una de tus páginas mediante la etiqueta de inclusión.
Por ejemplo, supongamos que tienes un archivo llamado "header.html" con el código del encabezado y otro archivo llamado "footer.html" con el código del pie de página. Luego, en tus páginas individuales, puedes incluir el header y el footer de la siguiente manera:
<!DOCTYPE html>
<html>
<head>
<title>Tu página</title>
</head>
<body>
<!-- Incluir el header -->
<include src="header.html"></include>
<!-- Contenido de tu página -->
<!-- Incluir el footer -->
<include src="footer.html"></include>
</body>
</html>
De esta manera, puedes reutilizar el código del header y el footer en todas tus páginas sin tener que copiar y pegar el mismo código en cada una.
Espero que esta solución te sea útil. ¡Buena suerte con tu sitio web!
Espero haber ayudado y buenos estudios!
Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!