如何导入HTML文件

时间:2014-05-26 23:34:23

标签: html css

我有一个有导航栏和页脚的网站。我希望我的网站的每个页面都包含此导航栏和页脚。我已将此HTML代码放入HTML文件中,我已经有效地创建了一个网站模板。

我希望导入此template.html文件,以便在需要时可以简单轻松地进行更改。我试过这样做:

<!DOCTYPE html>
<html>
<link rel="import" href="template.html">

<!-- PAGE CONTENT -->

</html>

如果正确实施,最终结果将如此:

<!DOCTYPE html>
<html>

<link rel="stylesheet" type="text/css" href="stylesheet.css">
<div class="navbar"></div>
<div class="footer"></div>

<!-- PAGE CONTENT -->

</html>

这样做的正确方法是什么?感谢。

请注意:HTML代码中的内容已被大幅下载以便于阅读

1 个答案:

答案 0 :(得分:1)

根据HTML 5 specificationrel="import"代码没有link属性值。

我知道3个选项:

  1. 服务器端包含(SSI)

  2. PHP / ASP / Perl / ...将其命名为服务器端语言

  3. Ajax使用来自服务器的Javascript加载内容。

  4. 根据您的服务器,其中一个或多个适合您。当然,来自某些在线资源的糟糕建议并不是很好,你来到这里是为了让这一点得到反驳。

    只需输入上述任何条款,您就会找到丰富的资源。