Comment inclure une page HTML dans une autre ?

Réponses rédigées par Antoine

Dernière mise à jour : 2019-11-22 03:38:30

Question

Comment faire pour inclure une page HTML dans une autre page HTML ?

Réponse

Il existe deux solutions, faciles à mettre en œuvre, pour inclure une page HTML dans une autre :

Utiliser la balise <iframe>.
Utiliser la libraire jQuery.

La solution à adopter dépend de la nature de la page HTML à inclure.

Si la page est complète et contient donc les balises <html>, <head> et <body>, vous devez utiliser la solution iframe.

Si la page ne contient que des portions de code HTML, privilégiez jQuery, en outre jQuery permet également d'inclure une page complète :

<html> 
  <head> 
    <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
    <script> 
    $(function(){
      $("#inclusion").load("page-a-inclure.html"); 
    });
    </script> 
  </head> 

  <body> 
     <div id="inclusion"></div>
  </body> 
</html>

Remarque : Le principal avantage de la solution jQuery est que la hauteur height de l'inclusion s'adaptera automatiquement.