Sur le même sujet
Les balises HTML sont des éléments clés de la création de pages Web. Ces balises sont utilisées pour définir la structure et le contenu d’une page Web. Voir l'article : Comprendre les Téléphones Android : Tout ce que Vous Devez Savoir
HTML signifie HyperText Markup Language. C’est un langage de balisage utilisé pour créer des pages Web. Ceci pourrait vous intéresser : L'impact environnemental de la voiture autonome
Le fichier HTML d’une page Web contient plusieurs éléments clés, notamment le titre et le contenu. Le titre de la page est défini par la balise title dans la tête de la page, qui est elle-même définie par la balise tête (ou head en anglais). Le titre est généralement affiché en haut de la fenêtre du navigateur lorsqu’une page Web est ouverte.
Le contenu principal de la page est défini dans la balise corps (ou body en anglais). Le contenu peut être structuré en utilisant plusieurs types de balises HTML.
Il existe de nombreuses balises HTML différentes, mais certaines sont plus essentielles que d’autres. A voir aussi : Solution au problème de certificat de sécurité SSL
La balise head est utilisée pour définir la tête de la page Web, qui comprend notamment le titre de la page. Lire aussi : Les avantages de la CSS : découvrez-les !
<span class="ez-toc-section-end"></span></h2> <p>La balise <strong>title</strong> est utilisée pour définir le titre de la page Web. Lire aussi : <a href='https://cispm.fr/blog/veracrypt-3213.html'><strong>VeraCrypt : La solution sûre et efficace pour protéger vos données confidentielles</strong></a>.</p> <h2 class="wp-block-heading"><span class="ez-toc-section" id="Balise-3"></span>Balise <body data-rsssl=1><span class="ez-toc-section-end"></span></h2> <p>La balise <strong>body</strong> est utilisée pour définir le contenu principal de la page Web. A voir aussi : <a href='https://cispm.fr/blog/quest-ce-que-le-cloud-definition-simple-3066.html'><strong>Le Cloud : une définition simple et efficace</strong></a>.</p> <h2 class="wp-block-heading"><span class="ez-toc-section" id="Balise-%E2%80%93"></span>Balise <h1> – <h6><span class="ez-toc-section-end"></span></h2> <p>Les balises <strong>h1</strong> à <strong>h6</strong> sont utilisées pour définir les titres de différentes sections de la page. Ceci pourrait vous intéresser : <a href='https://cispm.fr/blog/comment-telecharger-gif-anime-gratuit-2777.html'><strong>Comment télécharger GIF animé gratuit ?</strong></a> L’utilisation de ces balises peut aider à clarifier la structure de la page et à améliorer la lisibilité.</p> <h2 class="wp-block-heading"><span class="ez-toc-section" id="Balise-4"></span>Balise <p><span class="ez-toc-section-end"></span></h2> <p>La balise <strong>p</strong> est utilisée pour définir un paragraphe de texte. A voir aussi : <a href='https://cispm.fr/blog/quel-est-le-meilleur-site-de-streaming-de-sports-en-ligne-pour-remplacer-hesgoal-3285.html'><strong>Les Meilleurs Sites de Streaming de Sports en Ligne pour Remplacer Hesgoal</strong></a>. Cette balise est couramment utilisée pour structurer le contenu principal de la page.</p> <h2 class="wp-block-heading"><span class="ez-toc-section" id="Balise-5"></span>Balise <a><span class="ez-toc-section-end"></span></h2> <p>La balise <strong>a</strong> est utilisée pour créer des liens hypertextes vers d’autres pages ou ressources. Ceci pourrait vous intéresser : <a href='https://cispm.fr/blog/folder-size-3251.html'><strong>Taille des dossiers : comment libérer de l'espace sur votre ordinateur</strong></a>.</p> <h2 class="wp-block-heading"><span class="ez-toc-section" id="Balise-6"></span>Balise <img><span class="ez-toc-section-end"></span></h2> <p>La balise <strong>img</strong> est utilisée pour insérer des images dans une page Web. Lire aussi : <a href='https://cispm.fr/blog/quel-est-le-langage-de-javascript-3305.html'><strong>Le Langage de JavaScript Expliqué</strong></a>.</p> <h2 class="wp-block-heading"><span class="ez-toc-section" id="Balise-7"></span>Balise <abbr><span class="ez-toc-section-end"></span></h2> <p>La balise <strong>abbr</strong> est utilisée pour définir une abréviation ou un acronyme. Sur le même sujet : <a href='https://cispm.fr/blog/macrium-reflect-2912.html'><strong>Macrium Reflect : sauvegardez vos données facilement</strong></a>. Cette balise peut être utile pour clarifier le sens de certains termes utilisés sur la page.</p> <h2 class="wp-block-heading"><span class="ez-toc-section" id="Exemples-de-balises-HTML"></span>Exemples de balises HTML<span class="ez-toc-section-end"></span></h2> <p>Voici quelques exemples de balises HTML couramment utilisées : Lire aussi : <a href='https://cispm.fr/blog/quel-est-le-meilleur-site-de-jeu-3178.html'><strong>Le meilleur site de jeu : où le trouver ?</strong></a></p><ul></p><p> <li><strong><head></strong> – définir la tête de la page</li></p><p> <li><strong><title></strong> – définir le titre de la page</li></p><p> <li><strong><body></strong> – définir le contenu principal de la page</li></p><p> <li><strong><h1> – <h6></strong> – définir les titres des différentes sections de la page</li></p><p> <li><strong><p></strong> – définir un paragraphe de texte</li></p><p> <li><strong><a></strong> – créer un lien hypertexte vers une autre page ou ressource</li></p><p> <li><strong><img></strong> – insérer une image dans la page</li></p><p> <li><strong><abbr></strong> – définir une abréviation ou un acronyme</li></p><p></ul> <h2 class="wp-block-heading"><span class="ez-toc-section" id="Conclusion"></span>Conclusion<span class="ez-toc-section-end"></span></h2> <p>Les balises HTML sont essentielles pour créer des pages Web efficaces. La compréhension de ces balises de base peut aider à améliorer la structure et la clarté de la page. Sur le même sujet : <a href='https://cispm.fr/blog/quel-site-pour-creer-un-site-internet-gratuit-3082.html'><strong>Les meilleurs sites pour créer un site internet gratuit</strong></a>. En utilisant les balises html adéquates, il est possible de créer des pages Web qui sont faciles à lire et à naviguer pour les utilisateurs.</p> <h2 class="wp-block-heading"><span class="ez-toc-section" id="FAQ-%E2%80%93-Les-codes-HTML"></span>FAQ – Les codes HTML<span class="ez-toc-section-end"></span></h2> <p><strong>Q:</strong> Comment puis-je ajouter une image à ma page Web en utilisant le langage HTML ? Ceci pourrait vous intéresser : <a href='https://cispm.fr/blog/vlc-media-player-2907.html'><strong>VLC Media Player: Le lecteur multimédia performant et gratuit</strong></a>.</p><br><p><strong>R:</strong> Pour ajouter une image à une page Web en utilisant HTML, vous pouvez utiliser la balise <strong>img</strong>. Cette balise nécessite l’utilisation de l’attribut src pour spécifier l’emplacement de l’image. Par exemple : <img src= »chemin/de/l’image.jpg »></p><p><strong>Q:</strong> Quelle est la différence entre les balises <p> et <div> ?</p><br><p><strong>R:</strong> Les balises <p> et <div> ont des fonctionnalités similaires, mais sont utilisées pour différents types de contenu. La balise <p> est utilisée pour définir un paragraphe de texte, tandis que la balise <div> est utilisée pour regrouper plusieurs éléments de la page en un bloc logique.</p><p>Tableau récapitulatif :</p><table></p><p> <tr></p><p> <th>Balise</th></p><p> <th>Description</th></p><p> </tr></p><p> <tr></p><p> <td><head></td></p><p> <td>Définit la tête de la page, qui comprend notamment le titre de la page</td></p><p> </tr></p><p> <tr></p><p> <td><title></td></p><p> <td>Définit le titre de la page</td></p><p> </tr></p><p> <tr></p><p> <td><body></td></p><p> <td>Définit le contenu principal de la page</td></p><p> </tr></p><p> <tr></p><p> <td><h1> – <h6></td></p><p> <td>Définit les titres des différentes sections de la page</td></p><p> </tr></p><p> <tr></p><p> <td><p></td></p><p> <td>Définit un paragraphe de texte</td></p><p> </tr></p><p> <tr></p><p> <td><a></td></p><p> <td>Crée un lien hypertexte vers une autre page ou ressource</td></p><p> </tr></p><p> <tr></p><p> <td><img></td></p><p> <td>Insère une image dans la page</td></p><p> </tr></p><p> <tr></p><p> <td><abbr></td></p><p> <td>Définit une abréviation ou un acronyme</td></p><p> </tr></p><p></table> <h2 class="wp-block-heading"><span class="ez-toc-section" id="Code-HTML-d%E2%80%99exemple"></span>Code HTML d’exemple<span class="ez-toc-section-end"></span></h2> <p>Voici un code HTML d’exemple pour une page Web : Voir l'article : <a href='https://cispm.fr/blog/comment-utiliser-streamonsport-com-3123.html'><strong>Guide pratique : Utiliser Streamonsport.com en toute simplicité</strong></a>.</p><code><strong><!DOCTYPE html></strong><br><strong><html></strong><br><strong><head></strong><br><title>Titre de la page</title><br><strong></head></strong><br><strong><body></strong><br><h1>Titre de la section 1</h1><br><p>Contenu de la section 1.</p><br><h2>Titre de la section 2</h2><br><p>Contenu de la section 2.</p><br><a href="chemin/de/la/page.html">Lien vers une autre page</a><br><img src="chemin/de/l/image.jpg"><br><strong></body></strong><br><strong></html></strong></code> <div class="ss-inline-share-wrapper ss-center-inline-content ss-regular-icons ss-with-spacing ss-circle-icons ss-without-labels"> <div class="ss-inline-share-content"> <ul class="ss-social-icons-container"> <li class=""> <a href="#" data-ss-ss-link="https://www.facebook.com/sharer.php?t=Comprendre%20les%20bases%20des%20codes%20HTML&u=https%3A%2F%2Fcispm.fr%2Fblog%2Fquel-sont-les-codes-html-3395.html" class="ss-facebook-color" rel="nofollow noopener" data-ss-ss-network-id="facebook" data-ss-ss-post-id="3395" data-ss-ss-location="inline_content" data-ss-ss-permalink="https://cispm.fr/blog/quel-sont-les-codes-html-3395.html" data-ss-ss-type="share" data-has-api="true"> <span class="ss-share-network-content"> <i class="ss-network-icon"><svg class="ss-svg-icon" aria-hidden="true" role="img" focusable="false" width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M32 16.098C32 7.208 24.837 0 16 0S0 7.207 0 16.098C0 24.133 5.851 30.792 13.5 32V20.751H9.437v-4.653H13.5V12.55c0-4.034 2.389-6.263 6.043-6.263 1.751 0 3.582.315 3.582.315v3.961h-2.018c-1.987 0-2.607 1.241-2.607 2.514v3.02h4.438l-.71 4.653H18.5V32C26.149 30.792 32 24.133 32 16.098z" /></svg></i> </span> </a> </li> <li class=""> <a href="#" data-ss-ss-link="https://twitter.com/intent/tweet?text=Comprendre+les+bases+des+codes+HTML&url=https%3A%2F%2Fcispm.fr%2Fblog%2Fquel-sont-les-codes-html-3395.html" class="ss-twitter-color" rel="nofollow noopener" data-ss-ss-network-id="twitter" data-ss-ss-post-id="3395" data-ss-ss-location="inline_content" data-ss-ss-permalink="https://cispm.fr/blog/quel-sont-les-codes-html-3395.html" data-ss-ss-type="share"> <span class="ss-share-network-content"> <i class="ss-network-icon"><svg class="ss-svg-icon" aria-hidden="true" role="img" focusable="false" width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M28.75 9.5c0 0.25 0 0.563 0 0.813 0 8.688-6.625 18.688-18.688 18.688-3.688 0-7.188-1.063-10.063-2.938 0.5 0.063 1.063 0.063 1.563 0.063 3.063 0 5.938-1 8.188-2.813-2.875 0-5.313-1.938-6.188-4.563 0.438 0.125 0.813 0.125 1.25 0.125 0.625 0 1.188-0.063 1.75-0.188-3-0.625-5.25-3.313-5.25-6.438 0-0.063 0-0.063 0-0.125 0.875 0.5 1.875 0.813 2.938 0.813-1.75-1.125-2.938-3.188-2.938-5.438 0-1.188 0.375-2.313 0.938-3.313 3.188 4 8.063 6.625 13.5 6.875-0.125-0.5-0.188-1-0.188-1.5 0-3.625 2.938-6.563 6.563-6.563 1.938 0 3.625 0.813 4.813 2.063 1.5-0.313 2.938-0.813 4.188-1.563-0.5 1.5-1.563 2.813-2.875 3.625 1.313-0.188 2.563-0.5 3.75-1.063-0.875 1.313-2 2.5-3.25 3.438z"></path></svg></i> </span> </a> </li> <li class=""> <a href="#" data-ss-ss-link="https://www.linkedin.com/shareArticle?title=Comprendre%20les%20bases%20des%20codes%20HTML&url=https%3A%2F%2Fcispm.fr%2Fblog%2Fquel-sont-les-codes-html-3395.html&mini=true" class="ss-linkedin-color" rel="nofollow noopener" data-ss-ss-network-id="linkedin" data-ss-ss-post-id="3395" data-ss-ss-location="inline_content" data-ss-ss-permalink="https://cispm.fr/blog/quel-sont-les-codes-html-3395.html" data-ss-ss-type="share"> <span class="ss-share-network-content"> <i class="ss-network-icon"><svg class="ss-svg-icon" aria-hidden="true" role="img" focusable="false" width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M29.632 0C30.939 0 32 1.032 32 2.307v27.384C32 30.966 30.939 32 29.632 32H2.36C1.058 32 0 30.966 0 29.69V2.308C0 1.032 1.058 0 2.36 0h27.272zM9.149 11.638h-4.77V27h4.77V11.638zm12.133-.382c-2.318 0-3.874 1.273-4.509 2.48h-.066v-2.098H12.14V27h4.76v-7.599c0-2.004.378-3.946 2.858-3.946 2.447 0 2.475 2.29 2.475 4.072V27H27v-8.423c0-4.138-.893-7.32-5.718-7.32v-.001zM6.764 4A2.766 2.766 0 004 6.769a2.765 2.765 0 105.528 0A2.767 2.767 0 006.765 4h-.001z" /></svg></i> </span> </a> </li> <li class=""> <a href="#" data-ss-ss-link="mailto:?body=https%3A%2F%2Fcispm.fr%2Fblog%2Fquel-sont-les-codes-html-3395.html&subject=Comprendre%20les%20bases%20des%20codes%20HTML" class="ss-envelope-color" rel="nofollow noopener" data-ss-ss-network-id="envelope" data-ss-ss-post-id="3395" data-ss-ss-location="inline_content" data-ss-ss-permalink="https://cispm.fr/blog/quel-sont-les-codes-html-3395.html" data-ss-ss-type="share"> <span class="ss-share-network-content"> <i class="ss-network-icon"><svg class="ss-svg-icon" aria-hidden="true" role="img" focusable="false" width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M32 12.964v14.179c0 1.571-1.286 2.857-2.857 2.857h-26.286c-1.571 0-2.857-1.286-2.857-2.857v-14.179c0.536 0.589 1.143 1.107 1.804 1.554 2.964 2.018 5.964 4.036 8.875 6.161 1.5 1.107 3.357 2.464 5.304 2.464h0.036c1.946 0 3.804-1.357 5.304-2.464 2.911-2.107 5.911-4.143 8.893-6.161 0.643-0.446 1.25-0.964 1.786-1.554zM32 7.714c0 2-1.482 3.804-3.054 4.893-2.786 1.929-5.589 3.857-8.357 5.804-1.161 0.804-3.125 2.446-4.571 2.446h-0.036c-1.446 0-3.411-1.643-4.571-2.446-2.768-1.946-5.571-3.875-8.339-5.804-1.268-0.857-3.071-2.875-3.071-4.5 0-1.75 0.946-3.25 2.857-3.25h26.286c1.554 0 2.857 1.286 2.857 2.857z"></path></svg></i> </span> </a> </li> </ul> </div><!-- END .ss-inline-share-content --> </div><!-- END .ss-inline-share-wrapper --> </div> <footer class="entry-meta" aria-label="Entry meta"> <span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Catégories </span><a href="https://cispm.fr/blog" rel="category tag">blog</a></span> </footer> </div> </article> </main> </div> <div class="widget-area sidebar is-right-sidebar" id="right-sidebar"> <div class="inside-right-sidebar"> <aside id="categories-3" class="widget inner-padding widget_categories"><h2 class="widget-title">Catégories</h2> <ul> <li class="cat-item cat-item-1"><a href="https://cispm.fr/blog">blog</a> (2 864) </li> </ul> </aside> </div> </div> </div> </div> <div class="site-footer footer-bar-active footer-bar-align-right"> <footer class="site-info" aria-label="Site" itemtype="https://schema.org/WPFooter" itemscope> <div class="inside-site-info grid-container"> <div class="footer-bar"> <aside id="nav_menu-3" class="widget inner-padding widget_nav_menu"><div class="menu-footer-menu-container"><ul id="menu-footer-menu" class="menu"><li id="menu-item-2431" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2431"><span class="ljoptimizer" data-loc="aHR0cHM6Ly9jaXNwbS5mci9wb2xpdGlxdWUtY29va2llcw%3D%3D" data-window="">Politique Cookies</span></li> <li id="menu-item-2427" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-2427"><span class="ljoptimizer" data-loc="aHR0cHM6Ly9jaXNwbS5mci9wcml2YWN5LXBvbGljeQ%3D%3D" data-window="">Privacy Policy</span></li> </ul></div></aside> </div> <div class="copyright-bar"> © 2023 </div> </div> </footer> </div> <a title="Défiler vers le haut" aria-label="Défiler vers le haut" rel="nofollow" href="#" class="generate-back-to-top" style="opacity:0;visibility:hidden;" data-scroll-speed="400" data-start-scroll="300"> <span class="gp-icon icon-arrow-up"><svg viewBox="0 0 330 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M305.863 314.916c0 2.266-1.133 4.815-2.832 6.514l-14.157 14.163c-1.699 1.7-3.964 2.832-6.513 2.832-2.265 0-4.813-1.133-6.512-2.832L164.572 224.276 53.295 335.593c-1.699 1.7-4.247 2.832-6.512 2.832-2.265 0-4.814-1.133-6.513-2.832L26.113 321.43c-1.699-1.7-2.831-4.248-2.831-6.514s1.132-4.816 2.831-6.515L158.06 176.408c1.699-1.7 4.247-2.833 6.512-2.833 2.265 0 4.814 1.133 6.513 2.833L303.03 308.4c1.7 1.7 2.832 4.249 2.832 6.515z" fill-rule="nonzero" /></svg></span> </a> <nav id="generate-slideout-menu" class="main-navigation slideout-navigation do-overlay" itemtype="https://schema.org/SiteNavigationElement" itemscope style="display: none;"> <div class="inside-navigation grid-container grid-parent"> <button class="slideout-exit has-svg-icon"><span class="gp-icon pro-close"> <svg viewBox="0 0 512 512" aria-hidden="true" role="img" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em"> <path d="M71.029 71.029c9.373-9.372 24.569-9.372 33.942 0L256 222.059l151.029-151.03c9.373-9.372 24.569-9.372 33.942 0 9.372 9.373 9.372 24.569 0 33.942L289.941 256l151.03 151.029c9.372 9.373 9.372 24.569 0 33.942-9.373 9.372-24.569 9.372-33.942 0L256 289.941l-151.029 151.03c-9.373 9.372-24.569 9.372-33.942 0-9.372-9.373-9.372-24.569 0-33.942L222.059 256 71.029 104.971c-9.372-9.373-9.372-24.569 0-33.942z" /> </svg> </span> <span class="screen-reader-text">Fermer</span></button> </div><!-- .inside-navigation --> </nav><!-- #site-navigation --> <script type="rocketlazyloadscript" id="generate-a11y">!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("mousedown",function(){e.classList.add("using-mouse")}),e.addEventListener("keydown",function(){e.classList.remove("using-mouse")})}}();</script> <script id='generate-offside-js-extra'>
var offSide = {"side":"left"};
</script> <script type="rocketlazyloadscript" src='https://cispm.fr/wp-content/plugins/gp-premium/menu-plus/functions/js/offside.min.js?ver=2.1.2' id='generate-offside-js' defer></script> <script type="rocketlazyloadscript" data-minify="1" src='https://cispm.fr/wp-content/cache/min/1/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=1662049218' id='swv-js' defer></script> <script id='contact-form-7-js-extra'>
var wpcf7 = {"api":{"root":"https:\/\/cispm.fr\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"};
</script> <script type="rocketlazyloadscript" data-minify="1" src='https://cispm.fr/wp-content/cache/min/1/wp-content/plugins/contact-form-7/includes/js/index.js?ver=1660189362' id='contact-form-7-js' defer></script> <script id='superpwa-register-sw-js-extra'>
var superpwa_sw = {"url":"\/superpwa-sw.js?1685292938","disable_addtohome":"0","enableOnDesktop":""};
</script> <script type="rocketlazyloadscript" data-minify="1" src='https://cispm.fr/wp-content/cache/min/1/wp-content/plugins/super-progressive-web-apps/public/js/register-sw.js?ver=1660189362' id='superpwa-register-sw-js' defer></script> <!--[if lte IE 11]> <script src='https://cispm.fr/wp-content/themes/generatepress/assets/js/classList.min.js?ver=3.1.3' id='generate-classlist-js'></script> <![endif]--> <script id='generate-menu-js-extra'>
var generatepressMenu = {"toggleOpenedSubMenus":"1","openSubMenuLabel":"Ouvrir le sous-menu","closeSubMenuLabel":"Fermer le sous-menu"};
</script> <script type="rocketlazyloadscript" src='https://cispm.fr/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.1.3' id='generate-menu-js' defer></script> <script id='generate-back-to-top-js-extra'>
var generatepressBackToTop = {"smooth":"1"};
</script> <script type="rocketlazyloadscript" src='https://cispm.fr/wp-content/themes/generatepress/assets/js/back-to-top.min.js?ver=3.1.3' id='generate-back-to-top-js' defer></script> <script id='socialsnap-js-js-extra'>
var socialsnap_script = {"ajaxurl":"https:\/\/cispm.fr\/wp-admin\/admin-ajax.php","on_media_width":"250","on_media_height":"250","nonce":"eccee946af","post_id":"3395"};
var socialsnap_script = {"ajaxurl":"https:\/\/cispm.fr\/wp-admin\/admin-ajax.php","on_media_width":"250","on_media_height":"250","nonce":"eccee946af","post_id":"3395"};
</script> <script type="rocketlazyloadscript" data-minify="1" src='https://cispm.fr/wp-content/cache/min/1/wp-content/plugins/socialsnap/assets/js/socialsnap.js?ver=1660189362' id='socialsnap-js-js' defer></script> <script type="rocketlazyloadscript" src='https://cispm.fr/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js?ver=2.2.1' id='ez-toc-js-cookie-js' defer></script> <script type="rocketlazyloadscript" src='https://cispm.fr/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js?ver=1.9.2' id='ez-toc-jquery-sticky-kit-js' defer></script> <script id='ez-toc-js-js-extra'>
var ezTOC = {"smooth_scroll":"1","scroll_offset":"30","fallbackIcon":"<span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;direction:ltr;\"><svg style=\"fill: #494949;color:#494949\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #494949;color:#494949\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span>"};
</script> <script type="rocketlazyloadscript" src='https://cispm.fr/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js?ver=2.0.49-1684337272' id='ez-toc-js-js' defer></script><script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://cispm.fr/wp-content/plugins/wp-rocket/assets/js/lazyload/17.5/lazyload.min.js"></script><script>function lazyLoadThumb(e){var t='<img data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<button class="play" aria-label="play Youtube video"></button>';return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?'':'&'+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var e,t,p,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)e=document.createElement("div"),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query", a[t].dataset.query),e.setAttribute("data-src", a[t].dataset.src),e.innerHTML=lazyLoadThumb(a[t].dataset.id),a[t].appendChild(e),p=e.querySelector('.play'),p.onclick=lazyLoadYoutubeIframe});</script>
</body>
</html>
<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me --> 