J'ai vérifié beaucoup de tutoriels sur y compris en-tête, navigation et pied de page en utilisant php "include". Mais j'ai fini par séparer mes balises html. Par exemple, my <div id="content">
est dans "header.html" alors que la balise de fermeture </div>
est dans le pied de page. Cela me pose un problème lorsque j'utilise jQuery et que j'ai l'air un peu désordonné. Existe-t-il une meilleure pratique pour générer du contenu externe? (JQuery est la solution?)Quelle est la meilleure façon d'inclure du contenu externe en utilisant php includes? (Pour les développeurs web qui aiment les pratiques optimales)
index.php
<?php include("header.html"); ?>
<?php include("navigation.html"); ?>
<div id="content">
<h2 class="clear">This is the contact page</h2>
<p>
Main content here... Main content here... Main content here... Main content here...
Main content here... Main content here... Main content here... Main content here...
Main content here... Main content here... Main content here... Main content here...
Main content here... Main content here... Main content here... Main content here...
Main content here... Main content here... Main content here... Main content here...
Main content here... Main content here... Main content here... Main content here...
</p>
</div>
<?php include("footer.html"); ?>
header.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Study at Best</title>
<script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="scripts/jquery.corner.js"></script>
<script type="text/javascript" src="scripts/jquery.dropshadow.js"></script>
<script type="text/javascript" src="scripts/jqueryScripts.js"></script>
<link rel="stylesheet" rev="stylesheet" href="styles/layout.css" />
<link rel="stylesheet" rev="stylesheet" href="styles/ddm.css" />
</head>
<body>
<div id="container">
<div id="header">
This is the header
</div>
footer.html
<div id="footer">
<p>BEST School © Copyright 2009</p>
</div>
</div>
</body>
</html>
Voir le modèle de design MVC –
Selon moi, cela ne semble pas correct. Je veux dire simplement ne pas le faire pour vous. Ce sera un cauchemar si le site devient plus complexe. Qu'en est-il seulement de mettre le pied de page div dans footer.html de la même manière pour header.html? Le reste appartient à index.php. Si index.php devient complexe, divisez-le en plus (javascript.html ..). – merkuro