I am building my site using HTML files. I would like my header and footer to be dynamic so that I can easily update anything... verses updating 10+ files every time. I'm not familiar with creating a .php file for this use.
I've researched and tried a few ways to do this... but it's not working...I know I'm doing this wrong. haha...
I do not want to make my index.html into index.php. Is there an easier way to do this?
If you absolutely can't make your index a php file. Then, you can always make an ajax request to get the header and footer. However, it is very simple to have a dynamic header and footer with php.
The index
<!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>
The header.html file
<header>
<p>Some stuff in my header...</p>
</header>
The footer.html file
<footer>
<p>Some stuff in your footer</p>
</footer>
The style.css file
header {
/* My styles here */
}
footer {
/* My styles here */
}
Hope this helps you.
You can use javascript to load the header and footer. Create a header.html and footer.html and load them via AJAX.
You can use Server Side Includes and save your files as .shtml More information from Wikipedia: http://en.wikipedia.org/wiki/Server_Side_Includes
The syntax is eg. <!--#include file="header.shtml" -->
Edit your .htaccess file and add these line, this will tell apache to treat .html as .php
AddType application/x-httpd-php .html
and for .htm
AddType application/x-httpd-php .htm
<html>
<body>
<!--#include virtual="head.html" -->
<h1>Body goes here...</h1>
<!--#include virtual="footer.html" -->
</body>
</html>
you could try something like this.
If it doesn't seem to work, try changing your extension to .shtml, instead of .html.
for more info on server include you can try this site: http://www.boutell.com/newfaq/creating/include.html
shtml extension or a specially configured server
index.php