将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