在另一个 HTML5 文件中包含 HTML5 文件

Question

这里有一个白痴级别的问题：我如何将一个 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>

Answer 1

http://www.hongkiat.com/blog/html-import/

上面的链接讨论了您的问题。导入用于将 html 文件包含到其他 html 文件中。希望这能解决您的问题。

Answer 2

Github 页面带来了你想要的所有功能。

不：你不是白痴问这样的问题。

你可以开始你的旅程了：here

那就去Jekyll。