y compris d'autres pages dans des documents HTML

Question

Supposons que vous travaillez sur un modèle de site Web comportant plusieurs pages (index.html, blog.html, contact.html ...). Vous commencez par concevoir la page d'accueil, puis passez à d'autres pages. Alors que vous êtes sur d'autres pages, vous pensez à certaines améliorations et ces améliorations doivent affecter l'ensemble du site. Donc je retourne à chaque page et fais le changement. C'est assez improductif surtout quand vous avez 6 pages ou plus et parfois vous oubliez de mettre à jour le changement.

Si elle était PHP, je le ferais

require ('header.php'); 

Cela a fonctionné pour moi bien. Mais en ce moment, je travaille sur HTML et je n'aime pas vraiment transformer en PHP, puis en HTML.

Donc, avez-vous une méthode spécifique/façon de le faire?

Answer 1

Si vous travaillez avec des pages HTML (par exemple, y compris les extensions .htm et .html), envisagez d'utiliser Server Side Includes. Cette approche fonctionne avec l'analyse HTML de base et est prise en charge par la plupart/tous les principaux serveurs Web, notamment Apache et IIS.

Il suffit d'inclure ce texte dans votre fichier .html:

<!--#include virtual="header.html" --> 

Le serveur Web sera ensuite chercher le balisage dans ce fichier, et va insérer en ligne dans la page, il est actuellement en service.

Answer 2

Vous pouvez utiliser les inclusions côté serveur pour obtenir l'effet souhaité, si votre serveur les prend en charge.

Vous pouvez utiliser PHP pour inclure un certain nombre de petits fichiers HTML. Le script PHP est minimal. Aucune "transformation" n'est requise. Juste quelque chose comme require('header.html'); require('body.html'); require('footer.html'); ou une telle. Si ce qui vous inquiète, c'est d'avoir à écrire beaucoup de PHP, vous pouvez utiliser un moteur de template tel que Smarty TPL pour séparer clairement le code des pages et minimiser le nombre de codages que vous avez à faire. Cela a l'avantage d'avoir des "générateurs" HTML qui vont automatiquement faire des choses comme produire des boutons radio pour vous ou obscurcir les adresses e-mail. Vous pouvez utiliser CSS pour centraliser les styles de votre page afin de pouvoir effectuer des changements d'apparence, de mise en page et de conception à l'échelle du site en modifiant la feuille de style.

Answer 3

Vous pouvez utiliser PHP comme un pré-processeur, un générateur de code. Exécutez le script PHP sur votre ordinateur local, puis enregistrez les pages HTML statiques qu'il génère et publiez-les en production. Vous pouvez écrire un petit script pour visiter chacune de vos pages PHP et enregistrer le code HTML correspondant. Ensuite, vous pourriez avoir la commodité de PHP au moment du design et la simplicité du HTML en production.