Duda existencial

[HRichards]

Buenas, tengo una duda que probablemente les resulte un poco tonta pero estoy dando mis primeros pasos en el diseño web.

Aprendí HTML y CSS y ahora estoy dedicandome a leer JavaScript y jQuery.

Estoy haciendo una web personal y es por eso que me surgió la duda. Mi página tiene un header típico en donde está el logo y un menú con botones para ir a las otras páginas, luego un DIV llamado "contenido" y finalmente un "footer"

Una duda que tengo es cuando hago click en un botón del menú. Que sería lo más correcto de hacer.

Lo primero que hice obviamente fue ir a otra página que tenía creada, por ejemplo si el usuario presiona el botón "Contacto" va al archivo contacto.html
Pero lo que no me parece que esté muy bien es que todas las páginas tienen cosas idénticas, por ejemplo el header es el mismo para todas, el footer también. Lo único que cambia es lo que hay adentro del div "contenido".

Ahora que estuve leyendo jQuery estuve pensando en tener UNA ÚNICA página (index.html) y cuando el usuario presiona un botón del menú crear los elementos html y css dinámicamente. Esta forma es más complicada de implementar.

Les pregunto a ustedes que saben mucho más que yo que es lo más correcto para hacer?