Как импортировать кусок html в другой html?

Question

[Никита Тригуб]

Всем привет.
Есть много страничек с одинаковым футером и шапкой
Хотелось бы на каждой странице не прописывать код (no ctrl+c)
А просто взять фрагмент футера и шапки и как скрипт подключить
Возможно ли это?

Answer 1

[Ankhena]

Как правильно вынести header и footer во внешний файл в HTML шаблоне?

Answer 2

[Vitaliy]

Если сайт не статический, то на стороне сервера делать include
Иначе использовать сборщики (gulp) или подгружать хедер и футер со стороны клиента( JS/jQuery)

Answer 3

[entermix]

Что такое HTML импорт и как это работает?
https://learn.javascript.ru/link-import

Answer 4

[Антон Кучеров]

htmlbook.ru/webserver/ssi

Comments

[zooks]

SSI кто-то еще использует?

Answer 5

[xmoonlight]

Берём jquery и ...

$(document).ready(function(){
 function init(){
  $('#header').load("data/header.html");
  $('#pagemenu').load("data/pagemenu.html");
  $('#footer').load("data/footer.html");
 }

 init();

});

Answer 6

[zooks]

1. Использовать препроцессор Pug (Jade)
2. Использовать чанки в CMS MODX