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

时间:2016-12-15 04:58:12

标签: html5 include github-pages

这里有一个白痴级别的问题:如何在另一个中包含一个HTML5文件(如导航栏或侧边栏)?我宁愿不要在网站上反复复制/粘贴所有相同的东西。

到目前为止,我已经对此网站进行了大量搜索,到目前为止我找到的所有答案似乎都删除了所有格式和css来自"包含的版本&# 34 ;.如果它有帮助,我使用GitHub页面和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>

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:1)

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

不,你问这样一个问题不是白痴。

您可以开始您的旅程:here

然后转到Jekyll