将大型 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 & .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 服务器-side 将文件作为单个 .html 文件包含。

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

What is the best way to separate a large html file into three smaller html files?

html

code-organization