我有一个有导航栏和页脚的网站。我希望我的网站的每个页面都包含此导航栏和页脚。我已将此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代码中的内容已被大幅下载以便于阅读
答案 0 :(得分:1)
根据HTML 5 specification,rel="import"
代码没有link
属性值。
我知道3个选项:
服务器端包含(SSI)
PHP / ASP / Perl / ...将其命名为服务器端语言
Ajax使用来自服务器的Javascript加载内容。
根据您的服务器,其中一个或多个适合您。当然,来自某些在线资源的糟糕建议并不是很好,你来到这里是为了让这一点得到反驳。
只需输入上述任何条款,您就会找到丰富的资源。