las superficies primarias cambian el diseño del centro con la barra de menú

Hola, tengo una plantilla con encabezado, menú y contenido, y construí mi barra de menú de menú dinámico, ahora quiero saber cómo puedo hacer que hacer clic en cada opción de mi menú solo actualice el contenido de mi diseño, encabezado y menú permanecerá como está ... aquí está mi plantilla:

<div id="header" style="height: 70px;">
     <ui:insert name="header" >
         <ui:include src="header.xhtml" />
     </ui:insert>
</div>

<div id="menu" style="height: 50px;">
     <ui:insert name="menu" >
         <ui:include src="menu.xhtml" />
     </ui:insert>
</div>

<div id="content">
     <ui:insert name="content" >
         <ui:include src="content.xhtml" />
     </ui:insert>
</div>

alguien puede ayudar? ¡Gracias!

Respuestas a la pregunta(2)

Su respuesta a la pregunta