Comment inclure une page HTML dans une autre page HTML sans frame / iframe?

Je veux inclure une page HTML dans une page HTML. C’est possible?

Je ne veux pas le faire en PHP, je sais qu’en PHP, nous pouvons utiliser include pour cette situation, comment puis-je obtenir la même chose en HTML sans utiliser le concept iframe et frame ?

Si vous essayez simplement de coller votre propre code HTML à partir d’un autre fichier et que vous considérez que l’ inclusion côté serveur est du “pur HTML” (parce qu’il ressemble à un commentaire HTML et n’utilise pas quelque chose de “sale” comme PHP) ):

  

Vous pouvez utiliser un élément d’object

  

ou, sur votre serveur local, AJAX peut renvoyer une chaîne de HTML (responseText) que vous pouvez utiliser pour documenter une nouvelle fenêtre ou éditer les balises head et body et append le rest à un div ou à un autre élément de bloc de la fenêtre. page actuelle.

Si vous voulez dire côté client, vous devrez utiliser JavaScript ou des frameworks.
Un moyen simple de commencer, essayez jQuery

 $("#links").load("/Main_Page #jq-p-Getting-Started li"); 

Plus sur dQuery Docs

Si vous souhaitez utiliser IFrames, commencez par Wikipedia sur IFrames

    Example   The material below comes from the website http://example.com/    

Vous pouvez utiliser HTML5 pour cela:

   
  

Vous devrez append un style à cet iframe. Vous pouvez spécifier width, height et si vous voulez qu’il ressemble à une partie de la page d’origine, include frameborder="0" .

Il n’y a pas d’autre moyen de le faire en HTML pur. C’est pour cela qu’ils ont été construits, c’est comme dire que je veux faire frire un œuf sans œuf.

Si vous êtes prêt à utiliser jquery, il existe un plugin jquery très pratique appelé “inc”.

Je l’utilise souvent pour le prototypage de sites Web, où je veux simplement présenter au client un code HTML statique sans couche de fond pouvant être rapidement créé / modifié / amélioré / présenté à nouveau.

http://johannburkard.de/blog/programming/javascript/inc-a-super-tiny-client-side-include-javascript-jquery-plugin.html

Par exemple, des éléments comme le menu et le pied de page doivent être affichés sur chaque page, mais vous ne voulez pas vous retrouver avec un copier-coller

Vous pouvez inclure un fragment de page comme suit

 

   example    
 $.get("file.html", function(data){ $("#div").html(data); }); 

Vous pouvez dire que c’est avec PHP, mais en fait, il n’a qu’une seule commande PHP, tous les autres fichiers sont juste * .html.

  1. Vous devriez avoir un fichier nommé .htaccess dans le répertoire / public_html de votre serveur Web ou dans un autre répertoire, où se trouve votre fichier html et vous y traiterez une commande.
  2. Si vous ne l’avez pas, (ou il peut être caché (vous devriez vérifier cette liste de répertoires en vérifiant le répertoire des fichiers cachés)), vous pouvez le créer avec le Bloc-notes et y taper une seule ligne:
    AddType application/x-httpd-php .html
  3. Enregistrez ce fichier sous le nom .htaccess et chargez-le dans le répertoire principal du serveur.
  4. Dans votre fichier html, où que vous souhaitiez un fichier meniu.html externe, ajoutez la commande: .

C’est tout!

Remarque: toutes les commandes aiment seront traités comme des exécutables php, donc si votre HTML a des points d’interrogation, vous pourriez avoir des problèmes.

Le meilleur que j’ai: Inclure dans votre fichier js et inclure les vues que vous pouvez append de cette façon

       Bootstrap      

Veillez également à vérifier comment utiliser les inclusions angulars (en utilisant AngularJS ). C’est assez simple…

  

Si vous utilisez NGINX sur Linux et que vous voulez un fichier bash / html pur, vous pouvez append un masque sur votre modèle et utiliser les commandes sed pour effectuer un remplacement en utilisant une expression regullar.

Quoi qu’il en soit, je préfère avoir un script bash qui prend à partir d’un dossier de modèles et génère le code HTML final.

confirmé roadkill, créer un fichier .htaccess dans la racine Web avec une seule ligne qui vous permet d’append du code php à un fichier .html.

Application AddType / x-httpd-php .html