Intestazione universale in HTML

Voglio creare un’intestazione universale (e il piè di pagina) utilizzando HTML / CSS / Javascript in modo che se lo aggiorno a una pagina, si aggiorna automaticamente sul resto. Voglio anche essere in grado di scegliere quale collegamento viene visualizzato con la class triggers su di esso. Inoltre, sto usando il bootstrap. Ecco alcuni criteri che devo soddisfare:

  • No PHP
  • Nessun lato server (deve funzionare su pagine github)

Grazie in anticipo,

Albert

Puoi usare jQuery per .load un file HTML :

HTML

  

jQuery

 $('#header').load('static.html'); 

In alternativa, è ansible utilizzare iframe per caricare l’intestazione statica. Vedi questa risposta per maggiori informazioni riguardo alle tecniche disponibili.

Forse prova Jekyll, questo è uno strumento per generare pagine statiche, anche questo è come la pagina di githup gestisce la tua pagina personale. Basta seguire la struttura del file e impostare le proprietà del layout nei file, quindi è ansible utilizzare il layout universale (inclusa l’intestazione, il piè di pagina ecc.) Nella pagina.

Ecco un link a Jekyll. Jekyll