Exemple code html site web : la base pour votre page

Par /

Exemple code html site web : lire et comprendre le code de votre vitrine

Mis à jour le 06/10/2026 par Mathieu Cazenave

Un exemple de code HTML de site web, c’est un fichier texte avec une structure simple : un en-tête (``) qui décrit la page, un corps (``) qui contient ce que le visiteur voit, et des balises qui donnent un sens à chaque bloc. Vous n’avez pas besoin de devenir développeur. Mais comprendre un exemple de code HTML de site web vous permet de juger le travail d’un prestataire et de repérer ce qui nuit à votre visibilité sur Google. Je vous montre ici le code minimal, puis ce qui compte vraiment pour une TPE ou un artisan.

Dirigeant de TPE examinant sur son ordinateur un exemple de code HTML de site web

Sommaire

Qu’est-ce que le HTML et à quoi sert-il ?

Le HTML (HyperText Markup Language) est le langage de balisage qui décrit le contenu d’une page web : titres, paragraphes, images, liens, formulaires. Il ne gère ni la couleur ni la mise en page, qui relèvent d’un autre langage, ni les fonctions dynamiques. Il dit seulement ce qu’est chaque élément : « ceci est un titre », « ceci est un lien ».

Le HTML est né au début des années 1990 au CERN, autour de Tim Berners-Lee, comme le rappelle l’article Wikipédia consacré au HTML. La version HTML5 a ensuite été standardisée par le W3C, et le standard évolue aujourd’hui en continu sous le nom de « HTML Living Standard », maintenu par le WHATWG (spécification officielle).

Pourquoi cela vous concerne-t-il ? Parce que Google lit ce code. Le navigateur transforme les balises en page lisible pour vos clients. Le robot de Google s’en sert pour comprendre de quoi parle la page. Un code propre aide les deux. Un code brouillon, c’est comme un devis sans lignes détaillées : on devine, et on se trompe.

Même si votre site est construit avec WordPress, Wix ou Shopify, du HTML est produit en coulisses. L’outil écrit le code à votre place, avec plus ou moins de rigueur.

Quel est un exemple de code HTML minimal pour un site web ?

Un exemple de code HTML minimal tient en une dizaine de lignes : une déclaration de type de document, une balise ``, un `` et un ``. Voici une page d’accueil fictive pour un plombier, à titre d’illustration générique :

« `html





Plombier à Saint-Malo | Dépannage et installation


Plombier à Saint-Malo

Dépannage urgent, installation de chauffe-eau et rénovation de salle de bains.

Demander un devis


« `

Lisons-le ensemble, ligne par ligne :

  • `` indique au navigateur qu’il s’agit d’une page HTML moderne.
  • `lang= »fr »` précise la langue, utile pour l’accessibilité et la compréhension du contenu.
  • `charset= »UTF-8″` évite les accents illisibles (les fameux « é » à la place de « é »).
  • La balise `viewport` rend la page lisible sur mobile. Sans elle, votre site s’affiche en tout petit sur un téléphone.
  • `` est le titre qui apparaît dans les résultats Google et dans l’onglet du navigateur.</li> <li>`<meta name="description">` propose le résumé affiché sous le titre. Google peut en choisir un autre, mais c’est votre proposition.</li> <li>`<br /> <h1>` est le titre principal de la page, idéalement un seul par page.</li> </ul> <p>Ce petit exemple de code HTML de site web contient déjà l’essentiel de ce qu’un audit rapide vérifie. Si l’un de ces éléments manque sur votre site, vous avez une piste d’amélioration concrète.<br /> <img decoding="async" width="1344" height="768" src="https://emeraude-internet.fr/wp-content/uploads/2026/10/exemple-code-html-site-web-body-1.webp" alt="Éditeur de code affichant la structure minimale d'une page HTML pour un artisan plombier" class="wp-image-815" style="max-width:100%;height:auto;margin:1.5em 0;" srcset="https://emeraude-internet.fr/wp-content/uploads/2026/10/exemple-code-html-site-web-body-1.webp 1344w, https://emeraude-internet.fr/wp-content/uploads/2026/10/exemple-code-html-site-web-body-1-300x171.webp 300w, https://emeraude-internet.fr/wp-content/uploads/2026/10/exemple-code-html-site-web-body-1-1024x585.webp 1024w, https://emeraude-internet.fr/wp-content/uploads/2026/10/exemple-code-html-site-web-body-1-768x439.webp 768w" sizes="(max-width: 1344px) 100vw, 1344px" /></p> <h3>Comment structurer une page d’entreprise avec les bonnes balises ?</h3> <p>On structure une page avec des balises dites « sémantiques » : `</p> <header>`, `</p> <nav>`, `<main>`, `</p> <section>`, `</p> <article>`, `</p> <footer>`. Chacune annonce le rôle d’une zone, ce qui aide les navigateurs, les lecteurs d’écran et les moteurs de recherche. Voici un second exemple de code HTML pour un site web d’artisan, avec une structure complète :</p> <p>« `html<br /> <body></p> <header> <p>Menuiserie Exemple</p> <nav> <ul> <li><a href="/">Accueil</a></li> <li><a href="/realisations">Réalisations</a></li> <li><a href="/contact">Contact</a></li> </ul> </nav> </header> <p><main></p> <h1>Menuisier à Rennes : escaliers et agencements sur mesure</h1> <section> <h2>Nos prestations</h2> <p>Fabrication et pose, du croquis à la finition.</p> </section> <section> <h2>Zone d’intervention</h2> <p>Rennes et communes voisines.</p> </section> <p> </main></p> <footer> <p>Menuiserie Exemple – 12 rue Fictive, 35000 Rennes</p> </footer> <p></body><br /> « `</p> <p>Trois règles de bon sens à retenir :</p> <ol> <li><strong>Un seul `<br /> <h1>` par page</strong> (bonne pratique recommandée, non une obligation technique), qui décrit le sujet de la page.</li> <li><strong>Des `<br /> <h2>` et `</p> <h3>` hiérarchisés</strong>, comme les chapitres d’un livre. On ne saute pas de niveau pour « faire plus gros ».</li> <li><strong>Une navigation dans `<br /> <nav>`</strong>, avec des liens qui ont un texte parlant, pas « cliquez ici ».</li> </ol> <p>La mise en forme, elle, se règle à part. Si un prestataire choisit une balise de titre parce qu’elle « fait joli », c’est un mauvais signe : on choisit la balise pour son sens, pas pour son apparence.</p> <h3>Quelles balises HTML comptent vraiment pour Google ?</h3> <p>Parmi les balises à contrôler en priorité figurent `<title>`, les titres `</p> <h1>` à `</p> <h3>`, les liens `<a>` et l’attribut `alt` des images. Les autres balises aident la compréhension, mais celles-ci sont un bon point de départ pour une TPE. Google documente lui-même ses recommandations dans son <a href="https://developers.google.com/search/docs/fundamentals/seo-starter-guide" target="_blank" rel="nofollow noopener">guide de démarrage SEO (Google Search Central)</a>, que je vous conseille de consulter. Il ne classe pas les balises par ordre d’importance : le tableau ci-dessous est donc une grille de lecture pratique, pas un classement officiel.</p> <p>Voici un tableau de priorités, à utiliser comme grille de lecture :</p> <table> <thead> <tr> <th>Élément HTML</th> <th>Rôle</th> <th>Priorité pour une TPE</th> </tr> </thead> <tbody> <tr> <td>`<title>`</td> <td>Titre affiché dans Google</td> <td>Très haute</td> </tr> <tr> <td>`<meta name="description">`</td> <td>Résumé sous le titre, incite au clic</td> <td>Haute</td> </tr> <tr> <td>`</p> <h1>`</td> <td>Sujet principal de la page</td> <td>Très haute</td> </tr> <tr> <td>`</p> <h2>`, `</p> <h3>`</td> <td>Plan de la page</td> <td>Haute</td> </tr> <tr> <td>`<img alt="...">`</td> <td>Description de l’image (accessibilité et images Google)</td> <td>Moyenne à haute</td> </tr> <tr> <td>`<a href>` avec ancre claire</td> <td>Liens internes et externes</td> <td>Haute</td> </tr> <tr> <td>`lang= »fr »`</td> <td>Langue de la page</td> <td>Moyenne</td> </tr> <tr> <td>Balise `viewport`</td> <td>Affichage mobile</td> <td>Haute</td> </tr> </tbody> </table> <p>Un exemple d’image correctement balisée :</p> <p>« `html<br /> <img decoding="async" src="escalier-chene.jpg" alt="Escalier en chêne sur mesure installé dans une maison à Rennes" width="800" height="600"><br /> « `</p> <p>Remarquez les attributs `width` et `height` : ils évitent que la page « saute » pendant le chargement. Et le `alt` décrit réellement l’image, sans bourrage de mots-clés. Écrire « menuisier rennes pas cher menuisier rennes » dans un `alt` est contre-productif.</p> <p>Un point d’honnêteté : le HTML ne fait pas le référencement à lui seul. Un code impeccable avec un contenu pauvre ne se classera pas. En revanche, un code défaillant peut bloquer un bon contenu. C’est une condition nécessaire, pas suffisante.</p> <h3>Faut-il écrire son code HTML soi-même ?</h3> <p>Non, dans la grande majorité des cas, un dirigeant de TPE n’a pas à écrire son HTML : il doit surtout savoir le lire et le contrôler. Le bon réflexe est de piloter votre site avec un outil adapté (WordPress, Wix, Webflow, Shopify, etc.), puis de vérifier que le code produit est sain.</p> <p>Pour inspecter le code d’un site, y compris le vôtre ou celui d’un concurrent, faites un clic droit sur la page puis « Afficher le code source de la page » (ou touche F12 pour les outils du navigateur). Vous y retrouverez le `<title>`, les titres et les `alt` vus plus haut. Cela prend cinq minutes et ne coûte rien.</p> <p>Pour valider la structure, le W3C propose un service de validation gratuit (<a href="https://validator.w3.org/" target="_blank" rel="nofollow noopener">validator.w3.org</a>). Il signale les balises mal fermées ou les erreurs de syntaxe. Tous les avertissements ne sont pas graves, mais les erreurs répétées sont un signal d’alerte.</p> <p><strong>Combien ça coûte vraiment ?</strong> Les tarifs varient fortement selon le nombre de pages, les fonctionnalités et le prestataire. Je ne peux pas vous donner de fourchette sourcée : demandez plusieurs devis détaillés et comparez-les ligne par ligne. Quelques repères qualitatifs :</p> <ul> <li>Un site vitrine de quelques pages avec un freelance coûte généralement moins cher qu’avec une agence, mais l’écart dépend du périmètre et du niveau de service.</li> <li>Une agence facture souvent plus cher, notamment lorsque le projet inclut du design sur mesure, de la gestion de projet ou des fonctionnalités spécifiques.</li> <li>Un site fait soi-même sur une plateforme grand public se paie surtout par un abonnement mensuel, plus votre temps.</li> <li>Un audit technique ponctuel du code et du SEO de base se facture selon sa profondeur : demandez un devis précisant ce qui est vérifié.</li> </ul> <p>Imaginons, à titre d’exemple hypothétique, un artisan dont le site vitrine n’a ni `<title>` personnalisé ni `</p> <h1>` : la correction de ces deux points est une intervention courte pour quelqu’un qui connaît le sujet. Ce n’est pas un gros chantier. Gardez ce raisonnement en tête quand on vous présente un devis de « correction technique » : demandez le détail du temps prévu.</p> <p><strong>Les questions à poser à votre prestataire :</strong></p> <ul> <li>Quelle balise `<title>` et quelle meta description prévoyez-vous pour chaque page, et puis-je les modifier moi-même ?</li> <li>Chaque page aura-t-elle un seul `<br /> <h1>` et une hiérarchie de titres logique ?</li> <li>Le code est-il validé et le site est-il lisible sur mobile ?</li> <li>Les images auront-elles un attribut `alt` descriptif et des dimensions définies ?</li> <li>À qui appartiennent le code et le nom de domaine à la livraison ?</li> </ul> <p>Si le prestataire répond par du jargon sans exemple concret, insistez. Sur un sujet aussi basique, la clarté est un bon indicateur de sérieux. Pour une approche plus large du choix d’un site selon votre budget, vous pouvez aussi consulter <a href="https://emeraude-internet.fr/" target="_blank" rel="noopener">mes conseils sur la création de site web pour TPE</a>.</p> <h3>Quelles erreurs de code vois-je le plus souvent ?</h3> <p>Les erreurs de code les plus courantes sur un site de TPE sont simples et corrigibles : titres mal utilisés, balises `<title>` génériques, images sans description et liens aux ancres vagues. Voici la liste, avec la correction associée :</p> <ul> <li><strong>Plusieurs `<br /> <h1>` ou aucun.</strong> Un seul titre principal par page, qui reprend le sujet réel.</li> <li><strong>Un `<title>` identique sur toutes les pages</strong>, du type « Accueil » ou le nom du site seul. Chaque page mérite son titre propre.</li> <li><strong>Des titres choisis pour leur taille.</strong> Un `<br /> <h3>` utilisé « parce qu’il est plus petit » casse le plan de la page.</li> <li><strong>Des images sans `alt`</strong>, ou avec des noms de fichier comme `IMG_4521.jpg`.</li> <li><strong>Des liens « cliquez ici ».</strong> Préférez « voir nos réalisations de salles de bains ».</li> <li><strong>Un site non adapté au mobile</strong>, faute de balise `viewport` ou à cause d’un thème ancien.</li> <li><strong>Du texte écrit dans une image.</strong> Google ne le lit pas, et les lecteurs d’écran non plus.</li> <li><strong>Des balises mal fermées</strong>, souvent héritées d’un copier-coller depuis un traitement de texte.</li> </ul> <p>Voici un exemple de lien correct et d’un lien à éviter :</p> <p>« `html<br /> <!-- À éviter --><br /> <a href="/realisations">Cliquez ici</a></p> <p><!-- Mieux --><br /> <a href="/realisations">Voir nos réalisations d’escaliers sur mesure</a><br /> « `</p> <p>Si vous n’avez que 20 minutes cette semaine, faites ceci : ouvrez votre page d’accueil, affichez le code source, repérez le `<title>`, le `</p> <h1>` et une image. Trois contrôles, aucune compétence technique avancée. Si l’un des trois est faible, vous savez par où commencer. Pour aller plus loin sur la visibilité locale, <a href="https://emeraude-internet.fr/" target="_blank" rel="noopener">mon guide sur le référencement des petites structures</a> détaille les priorités suivantes.</p> <h3>Questions fréquentes</h3> <p><strong>Q: Où trouver un exemple de code HTML de site web fiable ?</strong><br /> R: La documentation MDN Web Docs (Mozilla) et le W3C sont des références reconnues, avec des exemples commentés et gratuits. Utilisez-les pour vérifier ce qu’un prestataire vous affirme.</p> <p><strong>Q: Faut-il connaître le HTML pour avoir un site vitrine ?</strong><br /> R: Non. Les outils de création de site écrivent le code pour vous. Savoir lire un `<title>`, un `</p> <h1>` et un `alt` suffit pour contrôler la qualité du travail livré.</p> <p><strong>Q: Le HTML suffit-il à créer un site complet ?</strong><br /> R: Il décrit le contenu, mais l’apparence passe par un langage de style et les fonctions dynamiques par un langage de programmation. Pour un site vitrine simple, un outil ou un thème gère ces couches.</p> <p><strong>Q: Un code HTML propre améliore-t-il vraiment mon référencement ?</strong><br /> R: Il ne garantit pas un bon classement, mais il évite de bloquer la compréhension de vos pages par Google. Le contenu, les liens et la pertinence locale restent déterminants.</p> <p><strong>Q: Comment voir le code HTML de mon propre site ?</strong><br /> R: Faites un clic droit sur la page puis « Afficher le code source », ou appuyez sur F12. Vous pourrez alors retrouver vos balises principales.</p> <p><strong>Q: Combien de temps pour corriger les erreurs HTML de base ?</strong><br /> R: Cela dépend de la taille du site et de l’accès à l’outil d’édition : sur un petit site, la correction des titres, descriptions et textes alternatifs reste généralement un travail limité.</p> <p>—</p> <p><em>Mathieu Cazenave — Consultant digital indépendant, Saint-Malo. Création et refonte de site web pour TPE, SEO local et national pour petites structures, choix d’outils marketing à budget contraint, démystification des prestations agence, présence web pour artisans, conversion et acquisition clients.</em></p> <h3>A lire aussi</h3> <ul> <li><a href="https://emeraude-internet.fr/2026/08/07/creation-de-site-web-avec-html-et-css/" target="_blank" rel="noopener">Création de site web avec HTML et CSS : guide complet</a></li> </ul> <p class="vdl-disclosure"><em>Ce site peut contenir des liens commerciaux ou sponsorisés, signalés comme tels. Ils n’influencent pas le contenu de nos articles.</em></p> <p><script type="application/ld+json">{"@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [{"@type": "Question", "name": "Où trouver un exemple de code HTML de site web fiable ?", "acceptedAnswer": {"@type": "Answer", "text": "La documentation MDN Web Docs et celle du W3C proposent des exemples commentés et gratuits, utiles pour vérifier le travail d'un prestataire."}}, {"@type": "Question", "name": "Faut-il connaître le HTML pour avoir un site vitrine ?", "acceptedAnswer": {"@type": "Answer", "text": "Non, les outils de création écrivent le code. Savoir lire le title, le h1 et les attributs alt suffit pour contrôler la qualité livrée."}}, {"@type": "Question", "name": "Un code HTML propre améliore-t-il mon référencement ?", "acceptedAnswer": {"@type": "Answer", "text": "Il ne garantit pas un bon classement mais évite de gêner la compréhension de vos pages par Google. Le contenu reste déterminant."}}, {"@type": "Question", "name": "Comment voir le code HTML de mon site ?", "acceptedAnswer": {"@type": "Answer", "text": "Clic droit sur la page puis « Afficher le code source », ou touche F12 pour ouvrir les outils du navigateur."}}]}</script><br /> <script type="application/ld+json">{"@context": "https://schema.org", "@type": "Article", "headline": "Exemple code html site web : la base pour votre page", "inLanguage": "fr", "description": "Exemple code html site web prêt à comprendre : structure, balises utiles pour Google, erreurs fréquentes. Lisez le guide pour dirigeants de TPE.", "datePublished": "2026-10-06T09:46:19.732402", "dateModified": "2026-10-06T09:46:19.732402", "author": {"@type": "Person", "name": "Mathieu Cazenave", "jobTitle": "Consultant digital indépendant"}, "publisher": {"@type": "Organization", "name": "Emeraude Internet", "url": "https://emeraude-internet.fr"}, "image": "https://emeraude-internet.fr/wp-content/uploads/2026/10/exemple-code-html-site-web-featured.webp", "keywords": "exemple code html site web", "wordCount": 2296}</script></p> </div><!-- .entry-content .clear --> </div> </article><!-- #post-## --> <nav class="navigation post-navigation" aria-label="Articles"> <div class="nav-links"><div class="nav-previous"><a title="Rédaction web : le guide pour TPE et artisans pressés" href="https://emeraude-internet.fr/2026/10/05/redaction-web/" rel="prev"><span class="ast-post-nav" aria-hidden="true"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M134.059 296H436c6.627 0 12-5.373 12-12v-56c0-6.627-5.373-12-12-12H134.059v-46.059c0-21.382-25.851-32.09-40.971-16.971L7.029 239.029c-9.373 9.373-9.373 24.569 0 33.941l86.059 86.059c15.119 15.119 40.971 4.411 40.971-16.971V296z'></path></svg></span> Précédent</span> <p> Rédaction web : le guide pour TPE et artisans pressés </p></a></div><div class="nav-next"><a title="Rédactrice web SEO : quand l'embaucher et combien payer" href="https://emeraude-internet.fr/2026/10/07/redactrice-web-seo/" rel="next"><span class="ast-post-nav" aria-hidden="true">Suivant <span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z'></path></svg></span></span> <p> Rédactrice web SEO : quand l’embaucher et combien payer </p></a></div></div> </nav> <div id="comments" class="comments-area comment-form-position-below "> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Laisser un commentaire <small><a rel="nofollow" id="cancel-comment-reply-link" href="/2026/10/06/exemple-code-html-site-web/#respond" style="display:none;">Annuler la réponse</a></small></h3><form action="https://emeraude-internet.fr/wp-comments-post.php" method="post" id="ast-commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Votre adresse e-mail ne sera pas publiée.</span> <span class="required-field-message">Les champs obligatoires sont indiqués avec <span class="required">*</span></span></p><div class="ast-row comment-textarea"><fieldset class="comment-form-comment"><legend class ="comment-form-legend"></legend><div class="comment-form-textarea ast-grid-common-col"><label for="comment" class="screen-reader-text">Écrivez ici…</label><textarea id="comment" name="comment" placeholder="Écrivez ici…" cols="45" rows="8" aria-required="true"></textarea></div></fieldset></div><div class="ast-comment-formwrap ast-row"> <p class="comment-form-author ast-grid-common-col ast-width-lg-33 ast-width-md-4 ast-float"> <label for="author" class="screen-reader-text">Nom*</label> <input id="author" name="author" type="text" value="" placeholder="Nom*" size="30" aria-required='true' autocomplete="name" /> </p> <p class="comment-form-email ast-grid-common-col ast-width-lg-33 ast-width-md-4 ast-float"> <label for="email" class="screen-reader-text">E-mail*</label> <input id="email" name="email" type="text" value="" placeholder="E-mail*" size="30" aria-required='true' autocomplete="email" /> </p> <p class="comment-form-url ast-grid-common-col ast-width-lg-33 ast-width-md-4 ast-float"> <label for="url" class="screen-reader-text">Site</label> <input id="url" name="url" type="text" value="" placeholder="Site" size="30" autocomplete="url" /> </p> </div> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Enregistrer mon nom, mon e-mail et mon site dans le navigateur pour mon prochain commentaire.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Publier un commentaire" /> <input type='hidden' name='comment_post_ID' value='816' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div><!-- #comments --> </main><!-- #main --> </div><!-- #primary --> </div> <!-- ast-container --> </div><!-- #content --> <footer class="site-footer" id="colophon" itemtype="https://schema.org/WPFooter" itemscope="itemscope" itemid="#colophon"> <div class="site-below-footer-wrap ast-builder-grid-row-container site-footer-focus-item ast-builder-grid-row-full ast-builder-grid-row-tablet-full ast-builder-grid-row-mobile-full ast-footer-row-stack ast-footer-row-tablet-stack ast-footer-row-mobile-stack" data-section="section-below-footer-builder"> <div class="ast-builder-grid-row-container-inner"> <div class="ast-builder-footer-grid-columns site-below-footer-inner-wrap ast-builder-grid-row"> <div class="site-footer-below-section-1 site-footer-section site-footer-section-1"> <div class="ast-builder-layout-element ast-flex site-footer-focus-item ast-footer-copyright" data-section="section-footer-builder"> <div class="ast-footer-copyright"><p>Copyright © 2026 Emeraude Internet | Propulsé par <a href="https://wpastra.com" rel="nofollow noopener" target="_blank">Thème WordPress Astra</a></p> </div> </div> </div> </div> </div> </div> </footer><!-- #colophon --> </div><!-- #page --> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/astra/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <div id="ast-scroll-top" tabindex="0" class="ast-scroll-top-icon ast-scroll-to-top-right" data-on-devices="both"> <span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewbox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve"> <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" /> </svg></span> <span class="screen-reader-text">Retour en haut</span> </div> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); </script> <script async data-wp-strategy="async" fetchpriority="low" id="comment-reply-js" src="https://emeraude-internet.fr/wp-includes/js/comment-reply.min.js?ver=7.1.3"></script> <script id="astra-theme-js-js-extra"> var astra = {"break_point":"921","isRtl":"","is_scroll_to_id":"1","is_scroll_to_top":"1","is_header_footer_builder_active":"1","responsive_cart_click":"flyout","is_dark_palette":""}; //# sourceURL=astra-theme-js-js-extra </script> <script id="astra-theme-js-js" src="https://emeraude-internet.fr/wp-content/themes/astra/assets/js/minified/frontend.min.js?ver=4.11.12"></script> <script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://emeraude-internet.fr/wp-includes/js/wp-emoji-release.min.js?ver=7.1.3"}} </script> <script type="module"> /*! This file is auto-generated */ var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); //# sourceURL=https://emeraude-internet.fr/wp-includes/js/wp-emoji-loader.min.js </script> </body> </html>