Include html file in html file

// js
<script>
$(function () {
  var includes = $('[data-include]')
  $.each(includes, function () {
    var file = $(this).data('include')
    $(this).load(file)
  })
})
</script>
// html
<div data-include="header.html"></div>
<div data-include="footer.html"></div>

Source: stackoverflow.com

Similar codes

50 votes341 views6 answers
Bootstrap display block
Html
0 vote350 views1 answer
Include jquery if not included
Html
0 vote318 views1 answer
Tailwind CSS badges
Html
0 vote299 views1 answer
My dixon earbuds are not in sync
Html
0 vote309 views1 answer
How to display superscript in breadcrumbs in html
Html
1 vote374 views1 answer
How to add an html anchor
Html
0 vote314 views2 answers
CSS Setting Table Column Width
Html
5 votes304 views2 answers
Html u tag
Html
0 vote366 views1 answer
How to preselect an option
Html
3 votes316 views1 answer
Html class and id difference
Html