如何在HTML文件中导入HTML文件？

Question

如何在HTML文件中导入HTML文件？我将分别准备header.html和footer.html文件以及我想要包含它们的每个文件我想将它们导入我的HTML文件。

编辑：我看到了基于SSI技术的解决方案。我使用Ubuntu和Tomcat 7.0.11。如何在tomcat上启用SSI？

Answer 1

您可以使用框架或iframe包含html文件。如果您使用的是服务器端语言（如PHP或ASP），则可以使用 includes 在没有框架的情况下执行此操作。

Answer 2

这个问题有很多解决方案。您可以编写简单的JavaScript代码以在加载时包含页面的一部分，您可以在Web服务器上启用SSI，最后您可以使用任何服务器端语言动态地包含任何页面的块以进行输出。您的选择取决于您的网站的动态程度。

Answer 3

如果您想严格使用HTML（假设您也使用JS），我会执行以下操作：

标题可以有<div>，我会称之为<div id="header">。 使用jQuery，我们可以说：$('#header').load(---html file---);。除了可能在所有页面中包含JS文件的痛苦之外，它还允许您在整个应用程序中全局更改标题。