问题
I have a very large website, and I was wondering how to separate a single HTML file into 3 separate HTML files. In order, to organize the code as individual components of a whole like this:
Header.html
Body.html
Footer.html
How can I break the html code into three separate html files but still make them work together as a whole?
回答1:
A straightforward method would be to use PHP to concatenate 3 includes:
Step 1) In your .htaccess file, enable your server to parse .html & .htm files as .php files:
AddType application/x-httpd-php .html .htm
AddHandler application/x-httpd-php .html .htm
Step 2) In page.html, write (only) the following:
<?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/ is an example relative-to-root server path. You'll need to change this to whatever your own relative-to-root server path is.
Now, when you point your browser at page.html, your server will parse that .html file as a .php file and concatenate and deliver three separate PHP server-side include files as a single .html file.
回答2:
I'm assuming that you're dead-set on static html code in my answer. The answers on switching to dynamic pages are far better.
That said, if I've understood your question, you're looking for something like this:
http://webcomponents.org/articles/introduction-to-html-imports/
来源：https://stackoverflow.com/questions/33551409/what-is-the-best-way-to-separate-a-large-html-file-into-three-smaller-html-files