如何使用CSS文件创建header.php和footer.php?

时间:2013-08-14 16:04:59

标签: php html css header footer

我正在使用HTML文件构建我的网站。我希望我的页眉和页脚是动态的,以便我可以轻松更新任何内容...每次更新10个以上的文件。我不熟悉为此用途创建.php文件。

我已经研究并尝试了几种方法来做到这一点......但它没有用......我知道我做错了。哈哈...

我不想让我的index.html进入index.php。有更简单的方法吗?

5 个答案:

答案 0 :(得分:1)

如果你绝对不能使你的索引成为一个php文件。然后,您始终可以发出ajax请求以获取页眉和页脚。但是,使用php有一个动态页眉和页脚非常简单。

索引

<!DOCTYPE html>
<html>
   <head>
       <link rel="stylesheet" type="text/css" href="style.css">
   </head>
   <body>
       <?php include 'header.html'; ?>
       <?php include 'footer.html'; ?>
   </body>
</html>

header.html文件

<header>
    <p>Some stuff in my header...</p>
</header>

footer.html文件

<footer>
    <p>Some stuff in your footer</p>
</footer>

style.css文件

header {
    /* My styles here */
}

footer {
    /* My styles here */
}

希望这会对你有所帮助。

答案 1 :(得分:1)

您可以使用javascript加载页眉和页脚。创建header.html和footer.html并通过AJAX加载它们。

答案 2 :(得分:0)

<html>
<body>
<!--#include virtual="head.html" --> 
<h1>Body goes here...</h1>
<!--#include virtual="footer.html" --> 
</body>
</html>
你可以尝试这样的事情。

如果它似乎不起作用,请尝试将扩展名更改为.shtml,而不是.html。

有关服务器的更多信息,请参阅此网站:http://www.boutell.com/newfaq/creating/include.html

答案 3 :(得分:0)

您可以使用服务器端包含并将文件另存为.shtml 来自维基百科的更多信息:http://en.wikipedia.org/wiki/Server_Side_Includes

语法是例如。 <!--#include file="header.shtml" -->

答案 4 :(得分:0)

编辑.htaccess文件并添加这些行,这将告诉apache将.html视为.php

AddType application/x-httpd-php .html

和.htm

AddType application/x-httpd-php .htm