{"id":106,"date":"2013-02-04T15:43:04","date_gmt":"2013-02-04T14:43:04","guid":{"rendered":"https:\/\/www.varcap-informatique.net\/tutoriels\/?p=106"},"modified":"2025-04-01T16:43:00","modified_gmt":"2025-04-01T15:43:00","slug":"comment-integrer-une-page-html-dans-une-autre-page-html","status":"publish","type":"post","link":"https:\/\/www.varcap-informatique.net\/tutoriels\/comment-integrer-une-page-html-dans-une-autre-page-html\/","title":{"rendered":"Comment int\u00e9grer une page HTML dans une autre page HTML ?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Vous vous demandez pourquoi ? A quoi cela sert ?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tout simplement, lorsque vous avez un site internet comme vous \u00eates en train de lire, d&rsquo;int\u00e9grer le menu que vous avez en bas de votre \u00e9cran, dans les pages qui vous int\u00e9ressent et de le modifier une seule fois. Cela vous apporte un gain temps.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Int\u00e9grer une page HTML dans une autre page HTML ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Important : Le fichier HTML que vous int\u00e9grez, ne doit comporter que le code brut. On retire tout ce qui est balises, header, body, etc&#8230;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Si les 2 fichiers sont dans le m\u00eame r\u00e9pertoire, il suffit de copier la ligne suivante dans votre fichier html :<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"color: #ff358b;\"><code>&lt;!--#include virtual=\"nomdevotrefichier.html\"--&gt;<\/code><\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Si les 2 fichiers sont dans des r\u00e9pertoires diff\u00e9rents, il suffit de copier la ligne suivante dans votre fichier html :<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"color: #01b0f0;\"><code>&lt;!--#include virtual=\"..\/nomdur\u00e9pertoire\/nomdevotrefichier.html\"--&gt;<\/code><\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dans certains cas, par exemple pour ceux h\u00e9berg\u00e9s chez 1&amp;1, il faudra ajouter dans le fichier .htaccess se trouvant \u00e0 la racine de votre site les lignes suivantes <i>(Si ce fichier n&rsquo;existe pas, vous pouvez le cr\u00e9er)<\/i> :<\/p>\n\n\n\n<div><span style=\"color: #808080;\"><code>AddType text\/html .shtml .htm .html<br \/>\nAddOutputFilter INCLUDES .shtml .htm .html<\/code><\/span><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"190\" data-src=\"https:\/\/www.varcap-informatique.net\/tutoriels\/wp-content\/uploads\/2015\/07\/banniere-VID-1024x190.png\" alt=\"\" class=\"wp-image-7665 lazyload\" data-srcset=\"https:\/\/www.varcap-informatique.net\/tutoriels\/wp-content\/uploads\/2015\/07\/banniere-VID-1024x190.png 1024w, https:\/\/www.varcap-informatique.net\/tutoriels\/wp-content\/uploads\/2015\/07\/banniere-VID-300x56.png 300w, https:\/\/www.varcap-informatique.net\/tutoriels\/wp-content\/uploads\/2015\/07\/banniere-VID-768x142.png 768w, https:\/\/www.varcap-informatique.net\/tutoriels\/wp-content\/uploads\/2015\/07\/banniere-VID.png 1080w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/190;\" \/><\/figure>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Vous vous demandez pourquoi ? A quoi cela sert ? Tout simplement, lorsque vous avez un site internet comme vous \u00eates en train de lire, d&rsquo;int\u00e9grer le menu que vous avez en bas de votre \u00e9cran, dans les pages qui vous int\u00e9ressent et de le modifier une seule fois. Cela vous apporte un gain temps. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":107,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[6],"tags":[],"class_list":["post-106","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html-php"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.varcap-informatique.net\/tutoriels\/wp-json\/wp\/v2\/posts\/106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.varcap-informatique.net\/tutoriels\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.varcap-informatique.net\/tutoriels\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.varcap-informatique.net\/tutoriels\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.varcap-informatique.net\/tutoriels\/wp-json\/wp\/v2\/comments?post=106"}],"version-history":[{"count":0,"href":"https:\/\/www.varcap-informatique.net\/tutoriels\/wp-json\/wp\/v2\/posts\/106\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.varcap-informatique.net\/tutoriels\/wp-json\/wp\/v2\/media\/107"}],"wp:attachment":[{"href":"https:\/\/www.varcap-informatique.net\/tutoriels\/wp-json\/wp\/v2\/media?parent=106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.varcap-informatique.net\/tutoriels\/wp-json\/wp\/v2\/categories?post=106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.varcap-informatique.net\/tutoriels\/wp-json\/wp\/v2\/tags?post=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}