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.
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.
AddType application/x-httpd-php .html
. 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.
Meilleure solution de nginx: http://sysoev.ru/nginx/docs/http/ngx_http_ssi_module.html
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