Happydevdays Happydevdays - 3 months ago 16
CSS Question

Include html in another html file

I have a html "head" template and a navigation template that I want to include in all my other html files for my site.
I found this post:

Include another HTML file in a HTML file

And my question is... what if it's the header that I want to include?

So for example, I have the following file structure:

/var/www/includes/templates/header.html
navigation.html


header.html might look like this:

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>Test Portal</title>

</head>


In a case like this, can I still follow the example in the other post where they create a div and populate the div via jquery?

Answer

In My Opinion the best solution is

<html> 
  <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function(){
      $("#includedContent").load("b.html"); 
    });
    </script> 
  </head> 

  <body> 
     <div id="includedContent"></div>
  </body> 
</html>

There are no such a tags available to include the file but There are some third party methods available like this .

<!DOCTYPE html>
<html>
<script src="http://www.w3schools.com/lib/w3data.js"></script>

<body>

<div w3-include-html="content.html"></div> 

<script>
w3IncludeHTML();
</script>

</body>
</html>

Some people also used

<!--#include virtual="a.html" --> 
Comments