将大型html文件分成三个较小的html文件的最佳方法是什么？

Question

我有一个非常大的网站，我想知道如何将单个HTML文件分成3个单独的HTML文件。为了将代码组织为整体的各个组件，如下所示：

Header.html

Body.html

Footer.html

如何将html代码分成三个单独的html文件，但仍然可以让它们作为一个整体协同工作？

Answer 1

我假设您在我的回答中对静态HTML代码进行了死机设置。切换到动态页面的答案要好得多。

那就是说，如果我理解你的问题，你就会找到这样的东西：

http://webcomponents.org/articles/introduction-to-html-imports/

Answer 2

一种简单的方法是使用PHP连接3包括：

步骤1）在.htaccess文件中，启用服务器解析.html＆amp; .htm文件为.php个文件：

AddType application/x-httpd-php .html .htm
AddHandler application/x-httpd-php .html .htm

第2步）在page.html中，写下（仅）以下内容：

<?php

include '/home/example/public_html/header.html';
include '/home/example/public_html/body.html';
include '/home/example/public_html/footer.html';

?>

N.B。 /home/example/public_html/是相对于根服务器路径的示例。您需要将此更改为您自己的相对根服务器路径。

现在，当您将浏览器指向page.html时，您的服务器将该.html文件解析为.php文件并连接并提供三个单独的PHP服务器端包含文件作为单.html个文件。