设置页眉和页脚在每个页面上重复

时间:2017-06-16 01:30:37

标签: html

现在我在我的网站的每个页面中复制了主页面的页脚和页眉,有没有办法在每次我在索引上修改它时以某种方式设置它在每个页面上更新,或者从外部获取它源?

2 个答案:

答案 0 :(得分:0)

您无法使用纯HTML执行此操作。您可以使用jquery或javascript框架。

在此处遵循此解决方案:https://stackoverflow.com/a/18712605/3086531

答案 1 :(得分:0)

对于更高级的方法,您只需使用PHP Includes或Requires。

include ‘filename’;

or

require ‘filename’;

文件名只是页眉和页脚页面。我将向您展示一个获得这个想法的例子。

假设我们有一个页脚,它看起来像这样:

<?php
echo “<p>Copyright of Brian. SO 
1994-“.date(“Y”).</p>”;
?>

现在请注意,您可以像往常一样在页脚和页眉中添加属性,甚至可以调用样式表,这些样式表可以设置这些段落或者您在页脚或标题中包含的任何内容。

现在,要让您的页面显示您制作的页脚或页眉,在您的情况下,两者都显示;只需使用此处显示的格式:

<html>
<body>

<h1>Welcome to my Homepage!</h1>

<p>Some text.</p>
<p>Some more text.</p>


<?php include ‘footer.php’;?>


</body>
</html>

现在,请注意,在我的示例中,我的页脚文件是.php格式而不是.html,这是因为我的页脚示例包含一个PHP特定函数来呈现当前年份。如果您的HTML是严格的HTML,并且链接了CSS样式表,只需输入'footer.html'; 或您的文件名即可。标题的工作方式完全相同!