如何将我的网站页眉和页脚存储在一个位置？

Question

我总是重写我的页眉和页脚,每次编辑我都必须手动将所有代码复制并粘贴到网页中.显然这是错误的方法,但我不确定正确的方法.我目前的想法是有一个"标题"和"页脚"div然后用jquery的$(文档).ready用代码加载div.我担心它会慢,因为它在执行页眉/页脚代码之前等待整个页面渲染.处理这个问题的常用方法是什么？

Answer 1

听起来你需要一些服务器端技术.您选择哪一个(众多选项中)取决于您和您的托管.最有可能的是,您的托管将支持PHP和SSI(服务器端包含).

在最简单的设置中,基本上将公共代码放入单个文件中,让我们说header.inc和footer.inc.这些文件的名称或扩展名无关紧要.

对于PHP,您的页面现在应该*.php代替,*.html您需要编写此代码:

<?php include('header.inc'); ?>
<p>
    Here is your regular document.
</p>
<?php include('footer.inc'); ?>

对于SSI,您不必更改文件的名称,您的代码将如下所示:

<!--#include virtual="header.inc" -->
<p>
    Here is your regular document.
</p>
<!--#include virtual="footer.inc" -->