【问题标题】:How to import an HTML file [duplicate]如何导入 HTML 文件 [重复]
【发布时间】:2014-05-27 07:59:44
【问题描述】:

我有一个有导航栏和页脚的网站。我希望我网站的每个页面都包含此导航栏和页脚。我已将此 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 代码中的内容已被大幅编辑以使其更易于阅读

【问题讨论】:

  • 使用 Ajax 或服务器端语言。欢迎来到你编程的第一天!阅读介绍文档非常有帮助。
  • 所以无法通过我建议的方法导入,使用 和 rel="import" 属性?
  • 你研究过 HTML 的 LINK 标签吗?编码不是你自己制定命令的东西,随着时间的推移,事情会学会遵守。 ;)
  • 显然我并不认为我可以创建自己的语法。我只是提出这个想法来帮助解释我的问题。
  • 我回答了,但是你没看懂,因为你没有花足够的时间学习。如果你上大学不读书,然后问你的教授一个问题,你会受到怎样的对待?我们不先研究核心吗?

标签: html css


【解决方案1】:

根据HTML 5 specificationlink 标签没有rel="import" 属性值。

我知道你有 3 个选项:

  1. 服务器端包含 (SSI)

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

  3. Ajax 使用 Javascript 从服务器加载内容。

根据您的服务器,其中一个或多个将适合您。当然,来自一些在线资源的糟糕建议不会,所以你来这里是为了得到驳斥。

只需输入以上任何一个术语,您就会发现大量资源。

【讨论】:

  • 这就是我要找的,谢谢。
  • 没问题。祝你一切顺利!
猜你喜欢
  • 1970-01-01
  • 2019-12-04
  • 1970-01-01
  • 2021-05-21
  • 2023-03-03
  • 2021-03-28
  • 2011-10-29
  • 2021-09-21
  • 1970-01-01
相关资源
最近更新 更多