Is it possible to reuse HTML like a template on multiple pages?

by

You could do it in this fashion below.

<head>
  <link rel="import" href="https://stackoverflow.com/questions/36387676/myheadertemplate.html">
</head>

where you could have your myheadertemplate.html 

<div>
  <h1>This is my header</h1>
  <div id = "navbar">
    <div class = "Tab">Home</div>
    <div class = "Tab">Contact</div>
  </div>
</div>

You can then use it with JS below

var content = document.querySelector('link[rel="import"]').import;

More Related Contents:

  1. What are valid values for the id attribute in HTML?
  2. How to align 3 divs (left/center/right) inside another div?
  3. Styling an input type=”file” button
  4. Why does z-index not work?
  5. CSS overflow-x: visible; and overflow-y: hidden; causing scrollbar issue
  6. :after and :before CSS pseudo elements hack for Internet Explorer 7
  7. Regular expression to remove HTML tags from a string [duplicate]
  8. Extend bootstrap row outside the container
  9. Hide textfield blinking cursor
  10. html/css hexagon with image inside
  11. CSS image resize issue
  12. Prevent Bootstrap Modal from disappearing when clicking outside or pressing escape? [duplicate]
  13. HTML + CSS: Ordered List without the Period?
  14. Multiple Forms or Multiple Submits in a Page?
  15. How can I center a div within another div? [duplicate]
  16. HTML5 Email input pattern attribute
  17. Slanted diagonal line in html or css?
  18. Chrome does not expand flex parent according to children’s content [duplicate]
  19. contenteditable=false inside contenteditable=true block is still editable in IE8
  20. remove blur effect on child element
  21. Using Thymeleaf when the value is null
  22. How do I put a Bootstrap Glyphicon inside an asp:Button in ASP.Net?
  23. How do I open a URL from C++?
  24. HTML multiple select box
  25. Is it alright to use multiple h1 tags on the same page, but style them differently? [closed]
  26. Curved lines using only HTML and/or CSS
  27. Embed Youtube code is not working in HTML
  28. Using cm/mm on the CSS of a web app that replicates paper interaction is a good practice?
  29. How to create chat bubbles like facebook Messenger
  30. HTML5 input box with type=”number” does not accept comma in Chrome browser

Leave a Comment