將HTML5文件包含在另一個HTML5文件中

這裏存在一個白癡級的問題：如何在一個HTML5文件中包含一個HTML5文件（如導航欄或側邊欄）？我寧願不必在整個網站上反覆複製/粘貼所有相同的東西。將HTML5文件包含在另一個HTML5文件中

我已經做了很多通過這個網站搜索到目前爲止，一切到目前爲止，我已經找到了答案似乎去除所有從「包含的版本」的格式和CSS。如果有幫助，我使用GitHub Pages和一個HTML5模板來創建一個個人網站，這種網站可能會忽略服務器端的東西，比如服務器端包含或PHP（我聽說那些在那裏不起作用）。

我有什麼現在：

<!--some html--> 
<header id="header"> 
    <a href="index.html" class="logo">Some text</a> 
    <ul class="icons"> 
     <li>Some more stuff that I want to include </li> 
    </ul> 
</header> 
<!--more html-->

然後this solution導致HTML得到包括在內，但我所有的造型得到剝離。我也試過<embed>並得到了同樣的結果。

主文件：

<!--some html--> 
<object name="foo" type="text/html" data="header.html"></object> 
<!--more html-->

頭文件包括（header.html中）：

<header id="header"> 
    <a href="index.html" class="logo">Some text</a> 
    <ul class="icons"> 
     <li>Some more stuff that I want to include </li> 
    </ul> 
</header>

來源

2016-12-15 kazi