Include html in another html file
<p>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: </p>

<p><a href="https://stackoverflow.com/questions/8988855/include-another-html-file-in-a-html-file">Include another HTML file in a HTML file</a></p>

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

<p>So for example, I have the following file structure: </p>

<pre><code> /var/www/includes/templates/header.html
                             navigation.html
</code></pre>

<p>header.html might look like this: </p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;

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

    &lt;title&gt;Test Portal&lt;/title&gt;

 &lt;/head&gt;
</code></pre>

<p>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? </p>