Частичный рендеринг в HTML/JavaScript

У меня есть несколько файлов HTML, и каждый из них я хочу частично отобразить в другом файле HTML, например header.htmlи footer.html, чтобы соблюсти концепцию DRY.

Файлы HTML должны выглядеть так:

<!--render header.html-->
<div>
    Content
</div>
<!--render footer.html-->

Как я могу это сделать?