Conexión de un documento para mostrarse en varios

[Juancameneses]

Hola, la verdad es que no sé como se le puede llamar técnicamente a esto, pero la duda y el favor que quiero pedirles (gracias anticipadas) es:

Tengo varias páginas (Creadas con HTML5) que deben tener la misma información en el Header y footer, pero no quiero estar editando página por página para añadirles alguna información en el Header o Footer. ¿Se puede crear un archivo a parte que contenga la información en html del Header? que solo sea colocar un codigo para llamar a este archivo en todas las páginas.

Un ejemplo: El javascript, hay un archivo principal .JS, que contiene unos codigos (No sé si se pueden todos en html) y en la páginas que quiero que se vea este .JS solo coloco:

<script defer src="jr.js"></script>

Es urgente, si me pueden ofrecer un ejemplo de como crear el archivo, seria muy cheveré, Muchas gracias y espero que me haya explicado muy bien.