[Strony internetowe] Wstawianie zawartości pliku HTML do danych sekcji przy załadowaniu strony

Question

Witam

 

Mam problem następujący, piszę stronę internetową na zaliczenie przedmiotu.

Dana strona ma załóżmy 30 różnych podstron. Każda podstrona ma elementy wspólne takie jak, header, nav, aside itp.

I teraz pytanie - jak mogę zrobić coś takiego żebym nie musiał wpisywać w tych 30 plikach wszystkiego ręcznie w kodzie, bo jak coś będę chciał zmienić to nagle muszę to zrobić w 30 miejscach. A wiem że są sposoby aby importować to z pliku. Czyli w każdej z podstron napisać jakiś fragment kodu który będzie importował przy załadowaniu dany plik.html.

Czy są jakieś metody żeby zrobić to z poziomu html ? Czy trzeba wykorzystać do tego js/jquery ?

Chodzi mi też żeby to było napisane najlepiej we współczesnym standardzie, bo zrobić to byle jak przy pomocy czystego js mogę, no ale to nie o to do końca chodzi.

Comments

Sprawdź: 

• HTML5 Imports

• HTML5 Imports: Import HTML Files Into HTML Files

Answer 1

posthtml-include i do tego parcel lub gulp