Comment inclure un fichier HTML dans un autre

Cet article explique le fonctionnement des « Includes » et fournit des étapes pour utiliser les inclusions côté serveur, les inclusions PHP et les inclusions JavaScript.

Utilisation côté serveur comprend

Server Side Include a d'abord été développé pour permettre aux développeurs Web d'« inclure » des documents HTML dans d'autres pages. Fondamentalement, un extrait trouvé dans un document est inclus dans un autre lorsque la page est exécutée sur le serveur et envoyée au navigateur Web.

SSI est inclus sur la plupart des serveurs Web, mais vous devrez peut-être l'activer pour qu'il fonctionne. Si vous ne savez pas si votre serveur prend en charge SSI, contactez votre hébergeur.

Voici un exemple de la façon dont vous pouvez utiliser SSI pour inclure un extrait de code HTML dans toutes vos pages Web:

1. Enregistrez le code HTML des éléments communs de votre site dans des fichiers séparés. Par exemple, votre section de navigation peut être enregistrée sous navigation.html ou alors navigation.ssi.

2. Utilisez le code SSI suivant pour inclure le code de ce document HTML dans chaque page.

   
   ou alors.
   

   le inclure La directive accepte deux paramètres. Virtuel suppose que le nom du fichier est relatif à la racine du document du site Web, alors que déposer accepte un chemin de fichier absolu.

3. Ajoutez ce code sur chaque page sur laquelle vous souhaitez inclure le fichier.

Utilisation de PHP Inclut

Comme SSI, PHP est une technologie de niveau serveur. Si vous n'êtes pas sûr d'avoir des fonctionnalités PHP sur votre site Web, contactez votre fournisseur d'hébergement.

Voici un script PHP simple que vous pouvez utiliser pour inclure un extrait de code HTML sur n'importe quelle page Web compatible PHP:

1. Enregistrez le code HTML des éléments communs de votre site, tels que la navigation, dans des fichiers séparés. Par exemple, votre section de navigation peut être enregistrée sous navigation.html ou alors navigation.ssi.

2. Utilisez le code PHP suivant pour inclure ce code HTML dans chaque page (en remplaçant le chemin et le nom de votre fichier entre les guillemets).

3. Ajoutez ce même code sur chaque page sur laquelle vous souhaitez inclure le fichier.

JavaScript comprend

JavaScript est une autre façon d'inclure du HTML dans les pages de votre site. Cette technique ne nécessite pas de programmation au niveau du serveur, mais c'est un peu plus compliqué - et il fonctionne évidemment pour un navigateur qui permet Javascript, ce que la plupart font à moins que l'utilisateur décide de désactiver il.

Voici comment vous pouvez inclure un extrait de code HTML à l'aide de JavaScript:

Enregistrez le code HTML des éléments communs de votre site dans un fichier JavaScript. Tout HTML écrit dans ce fichier doit être imprimé à l'écran avec le document.écrire une fonction.

1. Téléchargez ce fichier sur votre site Web.

2. Utiliser un 

3. Utilisez ce même code sur chaque page sur laquelle vous souhaitez inclure le fichier.

Que sont les inclusions HTML?

Une inclusion est une section de HTML qui n'est pas un document HTML complet en soi. Au lieu de cela, il s'agit d'une partie d'une autre page qui peut être insérée dans une page Web complète par programmation. La plupart des fichiers inclus sont les éléments susmentionnés qui sont répétés sur plusieurs pages d'un site Web. Par example:

• La navigation
• Informations sur le droit d'auteur
• Zones d'en-tête
• Zones de pied de page

Comment « Includes » rend la conception de sites Web plus efficace

Presque tous les sites Web incluent des éléments de conception qui se répètent sur chaque page du site, y compris la zone d'en-tête où réside le logo, le menu de navigation et la zone de pied de page.

Des éléments répétés sur un site permettent une cohérence dans l'expérience utilisateur. Un visiteur n'a pas besoin de localiser la navigation sur chaque page car une fois qu'il l'a trouvée, il sait où elle se trouvera sur les autres pages du site qu'il visite.

Le contenu inclus élimine le besoin de modifier chaque page de votre site pour ce contenu répété. Au lieu de cela, vous modifiez un fichier, puis l'ensemble de votre site et chaque page qu'il contient reçoit la mise à jour.

Contenu répété dans les systèmes de gestion de contenu

Si votre site utilise un CMS, il utilise probablement certains modèles ou thèmes qui font partie de ce logiciel. Même si vous créez ces modèles sur mesure à partir de zéro, le site exploite toujours ce cadre pour les pages. En tant que tels, ces modèles CMS contiennent les zones du site qui se répètent sur chaque page. Vous vous connectez simplement au backend du CMS et modifiez les modèles nécessaires. Toutes les pages du site qui utilisent ce modèle seront mises à jour.

Même si vous n'utilisez pas de système de gestion de contenu pour votre site, vous pouvez toujours profiter des fichiers inclus. En HTML, comprend faciliter la gestion de ces zones modélisées de votre site.

Autres méthodes d'inclusion

Il existe plusieurs autres façons d'inclure du HTML dans vos pages. Certains sont plus compliqués que d'autres, et beaucoup d'entre eux sont en fait dépassés par les normes d'aujourd'hui.

• CGI comprend: Vous pouvez utiliser Perl ou un autre langage de programmation pour créer vos pages et inclure ce que vous voulez, soit en tant que fichiers "requis", soit en les lisant manuellement.
• Flash comprend: Si vous construisez votre site entièrement en Adobe Flash, vous pouvez ensuite l'utiliser pour inclure des éléments du site. Cette méthode est obsolète et les sites Full Flash sont rares sur le Web de nos jours.
• Les cadres comprennent: au lieu d'utiliser les mêmes éléments encore et encore sur plusieurs pages, créez un site encadré où les cadres sont les parties dupliquées du site. Cependant, à l'exception de l'élément iframe, les cadres sont obsolètes en HTML5.
• Les outils de gestion de contenu incluent: La création de modèles est l'un des principaux arguments de vente des CMS et c'est vraiment ainsi que ce travail est géré sur la plupart des sites aujourd'hui.