html - 有没有办法将 HTML 导入 HTML 文件？

Question

我试过在这里和谷歌上寻找这个，但我还没有真正找到这个特定问题的答案，我不确定是否有什么东西——一个术语或我需要寻找的东西，所以如果这是一个常见问题，我深表歉意。

无论哪种方式，假设我正在构建一个包含许多部分的网站，并且我希望这些部分是模块化的，因此每个部分都是它自己的 html 文件。所以基本上我可以在主 html 文件的任何地方包含这个小模块，或者我可以简单地将导航栏和页脚包含在其他 HTML 页面上而无需重写代码行。

仅使用 HTML 是否可行？

Answer 1

编辑:一个值得探索的选项是 object 标签。您可以在您的页面上包含另一个文件(任何类型)。

与下面的其他选项相比，这似乎是一个更合适的选项。

<object type="text/html" data="file.html"></object>

它的工作原理与 HTML5 导入类似。

object标签是 HTML 4 的一部分，因此它是 supported自 IE6+、Firefox 2+、Chrome 1+ 等以来。

---

使用 HTML5 Import .它确实实现它的支持/浏览器非常有限。

<link href="extern.html" rel="import" />

除此之外，如果您想从客户端导入另一个文件，您至少需要 Javascript。根据您的技术，有多种选项可以从后端执行此操作。

Pete 强调的另一种可能性是使用 iframes (尽管我不想使用它们)。

---

如您在 here 中所见，强烈建议不要使用 HTML5 导入.

以下是从上述链接中摘录的一些注释:

• MS Edge 状态:考虑中

• Chrome 状态:已弃用

• Firefox 状态:未计划

• WebKit 状态:不考虑

• Firefox 没有计划支持 HTML 导入，但目前可以通过 about:config 中的“dom.webcomponents.enabled”首选项启用它