la programmation

Guide Balises HTML WordPress

Pour tout utilisateur de WordPress, comprendre les bases du HTML (HyperText Markup Language) est essentiel pour personnaliser et optimiser leur site web. Le HTML est le langage de balisage utilisé pour créer et structurer le contenu des pages web. Voici quelques-unes des balises HTML de base que tout utilisateur de WordPress devrait connaître :

  1. : Cette déclaration indique au navigateur web la version du HTML utilisée dans le document. Elle est généralement placée au début de chaque page HTML.

  2. : Cette balise enveloppe l’ensemble du contenu HTML de la page.

  3. : Cette balise contient les métadonnées de la page, telles que le titre, les liens vers les feuilles de style CSS, les scripts JavaScript et d’autres informations importantes pour les moteurs de recherche et les navigateurs web.

  4. </strong> : Cette balise définit le titre de la page qui s’affiche dans l’onglet du navigateur.</p> </li> <li> <p><strong><meta></strong> : Les balises meta fournissent des métadonnées supplémentaires sur la page, telles que la description, les mots-clés et l’encodage de caractères.</p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><script type="text/javascript"> atOptions = { 'key' : 'c8aa6fd8ed0c7b86fdc7adfaa0335730', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; </script> <script type="text/javascript" src="//www.topcreativeformat.com/c8aa6fd8ed0c7b86fdc7adfaa0335730/invoke.js"></script> </div> </div></div> </li> <li> <p><strong><body></strong> : Cette balise contient tout le contenu visible de la page web, y compris le texte, les images, les liens, etc.</p> </li> <li> <p><strong></p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><script type="text/javascript"> atOptions = { 'key' : 'c8aa6fd8ed0c7b86fdc7adfaa0335730', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; </script> <script type="text/javascript" src="//www.topcreativeformat.com/c8aa6fd8ed0c7b86fdc7adfaa0335730/invoke.js"></script> </div> </div></div> <h1> à </p> <h6></strong> : Ces balises sont utilisées pour définir les en-têtes de différents niveaux. </p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><script type="text/javascript"> atOptions = { 'key' : 'c8aa6fd8ed0c7b86fdc7adfaa0335730', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; </script> <script type="text/javascript" src="//www.topcreativeformat.com/c8aa6fd8ed0c7b86fdc7adfaa0335730/invoke.js"></script> </div> </div></div> <h1> est le plus grand et </p> <h6> est le plus petit. Ils sont souvent utilisés pour structurer le contenu de la page et améliorer le référencement.</p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><script type="text/javascript"> atOptions = { 'key' : 'c8aa6fd8ed0c7b86fdc7adfaa0335730', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; </script> <script type="text/javascript" src="//www.topcreativeformat.com/c8aa6fd8ed0c7b86fdc7adfaa0335730/invoke.js"></script> </div> </div></div> </li> <li> <p><strong></p> <p></strong> : Cette balise est utilisée pour définir un paragraphe de texte.</p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><script type="text/javascript"> atOptions = { 'key' : 'c8aa6fd8ed0c7b86fdc7adfaa0335730', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; </script> <script type="text/javascript" src="//www.topcreativeformat.com/c8aa6fd8ed0c7b86fdc7adfaa0335730/invoke.js"></script> </div> </div></div> </li> <li> <p><strong><a></strong> : Cette balise crée un lien hypertexte vers une autre page web ou une ressource.</p> </li> <li> <p><strong><img></strong> : Cette balise est utilisée pour insérer une image dans la page web.</p> </li> <li> <p><strong></p> <ul></strong> et <strong></p> <ol></strong> : Ces balises sont utilisées pour créer des listes non ordonnées (avec des puces) et des listes ordonnées (numérotées), respectivement.</p> </li> <li> <p><strong></p> <li></strong> : Cette balise est utilisée à l’intérieur des balises <ul> et </p> <ol> pour définir chaque élément de la liste.</p> </li> <li> <p><strong></p> <div></strong> : Cette balise est utilisée comme conteneur générique pour grouper des éléments HTML et appliquer des styles CSS.</p> </li> <li> <p><strong><span></strong> : Cette balise est utilisée pour appliquer des styles ou des scripts à une partie spécifique du texte.</p> </li> <li> <p><strong><br /></strong> : Cette balise est utilisée pour insérer un saut de ligne dans le texte.</p> </li> <li> <p><strong></p> <hr> <p></strong> : Cette balise crée une ligne horizontale pour séparer le contenu.</p> </li> <li> <p><strong><iframe></strong> : Cette balise est utilisée pour incorporer une autre page web à l’intérieur de la page actuelle.</p> </li> </ol> <p>Comprendre ces balises HTML de base permet aux utilisateurs de WordPress de personnaliser et de structurer efficacement leur contenu, ce qui peut améliorer l’expérience utilisateur et le référencement de leur site web. En outre, une connaissance de base du HTML est utile lors de l’édition de contenu dans l’éditeur visuel de WordPress, car il permet aux utilisateurs d’ajouter des éléments personnalisés et de corriger les problèmes de mise en forme.</p> </div> </div> <h2>Plus de connaissances</h2> <p><img decoding="async" src="https://lasujets.com/pic/more_info.png" class="center"></p> <div data-message-author-role="assistant" data-message-id="c633c265-3642-4f93-8598-ceb01d9c2ce1" class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&]:mt-5 overflow-x-auto"> <div class="markdown prose w-full break-words dark:prose-invert light"> <p>Bien sûr, explorons plus en détail chaque balise HTML mentionnée précédemment :</p> <ol> <li> <p><strong><!DOCTYPE html></strong> : Cette déclaration indique au navigateur web la version du HTML utilisée dans le document. Par exemple, <code><!DOCTYPE html></code> indique que le document utilise la dernière version de HTML, HTML5.</p> </li> <li> <p><strong><html></strong> : Cette balise enveloppe l’ensemble du contenu HTML de la page et définit le début et la fin du document HTML.</p> </li> <li> <p><strong><head></strong> : Cette balise contient les métadonnées de la page, telles que le titre, les liens vers les feuilles de style CSS, les scripts JavaScript et d’autres informations importantes pour les moteurs de recherche et les navigateurs web.</p> </li> <li> <p><strong><title></strong> : Cette balise définit le titre de la page qui s’affiche dans l’onglet du navigateur. Un titre descriptif et pertinent est essentiel pour le référencement et pour attirer les visiteurs.</p> </li> <li> <p><strong><meta></strong> : Les balises meta fournissent des métadonnées supplémentaires sur la page. Par exemple, la balise meta <code><meta charset="UTF-8"></code> définit l’encodage de caractères de la page comme UTF-8, ce qui permet d’afficher correctement les caractères spéciaux.</p> </li> <li> <p><strong><body></strong> : Cette balise contient tout le contenu visible de la page web, y compris le texte, les images, les liens, etc. C’est à l’intérieur de cette balise que la majorité du contenu de la page est placée.</p> </li> <li> <p><strong></p> <h1> à </p> <h6></strong> : Ces balises sont utilisées pour définir les en-têtes de différents niveaux. Elles sont importantes pour la structure et l’organisation du contenu, ainsi que pour le référencement, car elles indiquent l’importance relative du texte.</p> </li> <li> <p><strong></p> <p></strong> : Cette balise est utilisée pour définir un paragraphe de texte. Elle est couramment utilisée pour séparer le contenu en paragraphes distincts, ce qui rend la lecture plus facile pour les visiteurs.</p> </li> <li> <p><strong><a></strong> : Cette balise crée un lien hypertexte vers une autre page web, une adresse email ou un emplacement dans la même page. Elle est essentielle pour la navigation et le partage de contenu.</p> </li> <li> <p><strong><img></strong> : Cette balise est utilisée pour insérer une image dans la page web. Elle nécessite un attribut <code>src</code> spécifiant l’URL de l’image et peut également inclure des attributs supplémentaires tels que <code>alt</code> pour fournir un texte alternatif pour les lecteurs d’écran.</p> </li> <li> <p><strong></p> <ul></strong> et <strong></p> <ol></strong> : Ces balises sont utilisées pour créer des listes non ordonnées (avec des puces) et des listes ordonnées (numérotées), respectivement. Les éléments de liste sont définis avec la balise <strong></p> <li></strong>.</p> </li> <li> <p><strong></p> <div></strong> : Cette balise est utilisée comme conteneur générique pour grouper des éléments HTML et appliquer des styles CSS. Elle est souvent utilisée pour diviser une page en sections ou pour créer des mises en page complexes.</p> </li> <li> <p><strong><span></strong> : Cette balise est utilisée pour appliquer des styles ou des scripts à une partie spécifique du texte sans changer la structure de la page. Elle est souvent utilisée en conjonction avec des feuilles de style CSS ou des scripts JavaScript pour effectuer des modifications visuelles ou fonctionnelles précises.</p> </li> <li> <p><strong><br /></strong> : Cette balise est utilisée pour insérer un saut de ligne dans le texte. Elle est utile lorsque vous voulez forcer un saut de ligne sans démarrer un nouveau paragraphe.</p> </li> <li> <p><strong></p> <hr> <p></strong> : Cette balise crée une ligne horizontale pour séparer le contenu. Elle est souvent utilisée pour diviser visuellement les sections d’une page.</p> </li> <li> <p><strong><iframe></strong> : Cette balise est utilisée pour incorporer une autre page web à l’intérieur de la page actuelle. Elle est couramment utilisée pour incorporer des vidéos YouTube, des cartes Google Maps et d’autres contenus externes.</p> </li> </ol> <p>En comprenant ces balises HTML de base et leur utilisation, les utilisateurs de WordPress peuvent créer et personnaliser efficacement leur contenu web, améliorer l’expérience utilisateur et optimiser le référencement de leur site. La manipulation du HTML leur permet également de résoudre des problèmes de mise en page et d’intégrer des fonctionnalités avancées à leur site WordPress.</p> </div> </div> </p> </div><!-- .entry-content /--> <div id="post-extra-info"> <div class="theiaStickySidebar"> <div class="single-post-meta post-meta clearfix"></div><!-- .post-meta --> <div id="share-buttons-top" class="share-buttons share-buttons-top"> <div class="share-links share-centered icons-only share-rounded"> <a href="https://www.facebook.com/sharer.php?u=https://lasujets.com/guide-balises-html-wordpress/" rel="external noopener nofollow" title="Facebook" target="_blank" class="facebook-share-btn " data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="screen-reader-text">Facebook</span> </a> <a href="https://twitter.com/intent/tweet?text=Guide%20Balises%20HTML%20WordPress&url=https://lasujets.com/guide-balises-html-wordpress/" rel="external noopener nofollow" title="X" target="_blank" class="twitter-share-btn " data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="screen-reader-text">X</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://lasujets.com/guide-balises-html-wordpress/&title=Guide%20Balises%20HTML%20WordPress" rel="external noopener nofollow" title="Linkedin" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">Linkedin</span> </a> <a href="https://www.tumblr.com/share/link?url=https://lasujets.com/guide-balises-html-wordpress/&name=Guide%20Balises%20HTML%20WordPress" rel="external noopener nofollow" title="Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://lasujets.com/guide-balises-html-wordpress/&description=Guide%20Balises%20HTML%20WordPress&media=https://lasujets.com/wp-content/uploads/2023/12/la-sujets-high-resolution-logo.png" rel="external noopener nofollow" title="Pinterest" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">Pinterest</span> </a> <a href="https://reddit.com/submit?url=https://lasujets.com/guide-balises-html-wordpress/&title=Guide%20Balises%20HTML%20WordPress" rel="external noopener nofollow" title="Reddit" target="_blank" class="reddit-share-btn " data-raw="https://reddit.com/submit?url={post_link}&title={post_title}"> <span class="share-btn-icon tie-icon-reddit"></span> <span class="screen-reader-text">Reddit</span> </a> <a href="fb-messenger://share?app_id=5303202981&display=popup&link=https://lasujets.com/guide-balises-html-wordpress/&redirect_uri=https://lasujets.com/guide-balises-html-wordpress/" rel="external noopener nofollow" title="Messenger" target="_blank" class="messenger-mob-share-btn messenger-share-btn " data-raw="fb-messenger://share?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">Messenger</span> </a> <a href="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link=https://lasujets.com/guide-balises-html-wordpress/&redirect_uri=https://lasujets.com/guide-balises-html-wordpress/" rel="external noopener nofollow" title="Messenger" target="_blank" class="messenger-desktop-share-btn messenger-share-btn " data-raw="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">Messenger</span> </a> <a href="https://api.whatsapp.com/send?text=Guide%20Balises%20HTML%20WordPress%20https://lasujets.com/guide-balises-html-wordpress/" rel="external noopener nofollow" title="WhatsApp" target="_blank" class="whatsapp-share-btn " data-raw="https://api.whatsapp.com/send?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-whatsapp"></span> <span class="screen-reader-text">WhatsApp</span> </a> <a href="https://telegram.me/share/url?url=https://lasujets.com/guide-balises-html-wordpress/&text=Guide%20Balises%20HTML%20WordPress" rel="external noopener nofollow" title="Telegram" target="_blank" class="telegram-share-btn " data-raw="https://telegram.me/share/url?url={post_link}&text={post_title}"> <span class="share-btn-icon tie-icon-paper-plane"></span> <span class="screen-reader-text">Telegram</span> </a> <a href="viber://forward?text=Guide%20Balises%20HTML%20WordPress%20https://lasujets.com/guide-balises-html-wordpress/" rel="external noopener nofollow" title="Viber" target="_blank" class="viber-share-btn " data-raw="viber://forward?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-phone"></span> <span class="screen-reader-text">Viber</span> </a> <a href="https://line.me/R/msg/text/?Guide%20Balises%20HTML%20WordPress%20https://lasujets.com/guide-balises-html-wordpress/" rel="external noopener nofollow" title="Ligne" target="_blank" class="line-share-btn " data-raw="https://line.me/R/msg/text/?{post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-line"></span> <span class="screen-reader-text">Ligne</span> </a> <a href="mailto:?subject=Guide%20Balises%20HTML%20WordPress&body=https://lasujets.com/guide-balises-html-wordpress/" rel="external noopener nofollow" title="Partager par email" target="_blank" class="email-share-btn " data-raw="mailto:?subject={post_title}&body={post_link}"> <span class="share-btn-icon tie-icon-envelope"></span> <span class="screen-reader-text">Partager par email</span> </a> <a href="#" rel="external noopener nofollow" title="Imprimer" target="_blank" class="print-share-btn " data-raw="#"> <span class="share-btn-icon tie-icon-print"></span> <span class="screen-reader-text">Imprimer</span> </a> </div><!-- .share-links /--> </div><!-- .share-buttons /--> </div> </div> <div class="clearfix"></div> <script id="tie-schema-json" type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"Article","dateCreated":"2024-02-22T05:24:06+03:00","datePublished":"2024-02-22T05:24:06+03:00","dateModified":"2024-02-22T05:24:06+03:00","headline":"Guide Balises HTML WordPress","name":"Guide Balises HTML WordPress","keywords":[],"url":"https:\/\/lasujets.com\/guide-balises-html-wordpress\/","description":"Pour tout utilisateur de WordPress, comprendre les bases du HTML (HyperText Markup Language) est essentiel pour personnaliser et optimiser leur site web. Le HTML est le langage de balisage utilis\u00e9 pou","copyrightYear":"2024","articleSection":"la programmation","articleBody":"Pour tout utilisateur de WordPress, comprendre les bases du HTML (HyperText Markup Language) est essentiel pour personnaliser et optimiser leur site web. Le HTML est le langage de balisage utilis\u00e9 pour cr\u00e9er et structurer le contenu des pages web. Voici quelques-unes des balises HTML de base que tout utilisateur de WordPress devrait conna\u00eetre : : Cette d\u00e9claration indique au navigateur web la version du HTML utilis\u00e9e dans le document. Elle est g\u00e9n\u00e9ralement plac\u00e9e au d\u00e9but de chaque page HTML. : Cette balise enveloppe l'ensemble du contenu HTML de la page. : Cette balise contient les m\u00e9tadonn\u00e9es de la page, telles que le titre, les liens vers les feuilles de style CSS, les scripts JavaScript et d'autres informations importantes pour les moteurs de recherche et les navigateurs web. : Cette balise d\u00e9finit le titre de la page qui s'affiche dans l'onglet du navigateur. : Les balises meta fournissent des m\u00e9tadonn\u00e9es suppl\u00e9mentaires sur la page, telles que la description, les mots-cl\u00e9s et l'encodage de caract\u00e8res. : Cette balise contient tout le contenu visible de la page web, y compris le texte, les images, les liens, etc. \u00e0 : Ces balises sont utilis\u00e9es pour d\u00e9finir les en-t\u00eates de diff\u00e9rents niveaux. est le plus grand et est le plus petit. Ils sont souvent utilis\u00e9s pour structurer le contenu de la page et am\u00e9liorer le r\u00e9f\u00e9rencement. : Cette balise est utilis\u00e9e pour d\u00e9finir un paragraphe de texte. : Cette balise cr\u00e9e un lien hypertexte vers une autre page web ou une ressource. : Cette balise est utilis\u00e9e pour ins\u00e9rer une image dans la page web. et : Ces balises sont utilis\u00e9es pour cr\u00e9er des listes non ordonn\u00e9es (avec des puces) et des listes ordonn\u00e9es (num\u00e9rot\u00e9es), respectivement. : Cette balise est utilis\u00e9e \u00e0 l'int\u00e9rieur des balises et pour d\u00e9finir chaque \u00e9l\u00e9ment de la liste. : Cette balise est utilis\u00e9e comme conteneur g\u00e9n\u00e9rique pour grouper des \u00e9l\u00e9ments HTML et appliquer des styles CSS. : Cette balise est utilis\u00e9e pour appliquer des styles ou des scripts \u00e0 une partie sp\u00e9cifique du texte. : Cette balise est utilis\u00e9e pour ins\u00e9rer un saut de ligne dans le texte. : Cette balise cr\u00e9e une ligne horizontale pour s\u00e9parer le contenu. : Cette balise est utilis\u00e9e pour incorporer une autre page web \u00e0 l'int\u00e9rieur de la page actuelle.Comprendre ces balises HTML de base permet aux utilisateurs de WordPress de personnaliser et de structurer efficacement leur contenu, ce qui peut am\u00e9liorer l'exp\u00e9rience utilisateur et le r\u00e9f\u00e9rencement de leur site web. En outre, une connaissance de base du HTML est utile lors de l'\u00e9dition de contenu dans l'\u00e9diteur visuel de WordPress, car il permet aux utilisateurs d'ajouter des \u00e9l\u00e9ments personnalis\u00e9s et de corriger les probl\u00e8mes de mise en forme.Plus de connaissances\n\nBien s\u00fbr, explorons plus en d\u00e9tail chaque balise HTML mentionn\u00e9e pr\u00e9c\u00e9demment : : Cette d\u00e9claration indique au navigateur web la version du HTML utilis\u00e9e dans le document. Par exemple, indique que le document utilise la derni\u00e8re version de HTML, HTML5. : Cette balise enveloppe l'ensemble du contenu HTML de la page et d\u00e9finit le d\u00e9but et la fin du document HTML. : Cette balise contient les m\u00e9tadonn\u00e9es de la page, telles que le titre, les liens vers les feuilles de style CSS, les scripts JavaScript et d'autres informations importantes pour les moteurs de recherche et les navigateurs web. : Cette balise d\u00e9finit le titre de la page qui s'affiche dans l'onglet du navigateur. Un titre descriptif et pertinent est essentiel pour le r\u00e9f\u00e9rencement et pour attirer les visiteurs. : Les balises meta fournissent des m\u00e9tadonn\u00e9es suppl\u00e9mentaires sur la page. Par exemple, la balise meta d\u00e9finit l'encodage de caract\u00e8res de la page comme UTF-8, ce qui permet d'afficher correctement les caract\u00e8res sp\u00e9ciaux. : Cette balise contient tout le contenu visible de la page web, y compris le texte, les images, les liens, etc. C'est \u00e0 l'int\u00e9rieur de cette balise que la majorit\u00e9 du contenu de la page est plac\u00e9e. \u00e0 : Ces balises sont utilis\u00e9es pour d\u00e9finir les en-t\u00eates de diff\u00e9rents niveaux. Elles sont importantes pour la structure et l'organisation du contenu, ainsi que pour le r\u00e9f\u00e9rencement, car elles indiquent l'importance relative du texte. : Cette balise est utilis\u00e9e pour d\u00e9finir un paragraphe de texte. Elle est couramment utilis\u00e9e pour s\u00e9parer le contenu en paragraphes distincts, ce qui rend la lecture plus facile pour les visiteurs. : Cette balise cr\u00e9e un lien hypertexte vers une autre page web, une adresse email ou un emplacement dans la m\u00eame page. Elle est essentielle pour la navigation et le partage de contenu. : Cette balise est utilis\u00e9e pour ins\u00e9rer une image dans la page web. Elle n\u00e9cessite un attribut src sp\u00e9cifiant l'URL de l'image et peut \u00e9galement inclure des attributs suppl\u00e9mentaires tels que alt pour fournir un texte alternatif pour les lecteurs d'\u00e9cran. et : Ces balises sont utilis\u00e9es pour cr\u00e9er des listes non ordonn\u00e9es (avec des puces) et des listes ordonn\u00e9es (num\u00e9rot\u00e9es), respectivement. Les \u00e9l\u00e9ments de liste sont d\u00e9finis avec la balise . : Cette balise est utilis\u00e9e comme conteneur g\u00e9n\u00e9rique pour grouper des \u00e9l\u00e9ments HTML et appliquer des styles CSS. Elle est souvent utilis\u00e9e pour diviser une page en sections ou pour cr\u00e9er des mises en page complexes. : Cette balise est utilis\u00e9e pour appliquer des styles ou des scripts \u00e0 une partie sp\u00e9cifique du texte sans changer la structure de la page. Elle est souvent utilis\u00e9e en conjonction avec des feuilles de style CSS ou des scripts JavaScript pour effectuer des modifications visuelles ou fonctionnelles pr\u00e9cises. : Cette balise est utilis\u00e9e pour ins\u00e9rer un saut de ligne dans le texte. Elle est utile lorsque vous voulez forcer un saut de ligne sans d\u00e9marrer un nouveau paragraphe. : Cette balise cr\u00e9e une ligne horizontale pour s\u00e9parer le contenu. Elle est souvent utilis\u00e9e pour diviser visuellement les sections d'une page. : Cette balise est utilis\u00e9e pour incorporer une autre page web \u00e0 l'int\u00e9rieur de la page actuelle. Elle est couramment utilis\u00e9e pour incorporer des vid\u00e9os YouTube, des cartes Google Maps et d'autres contenus externes.En comprenant ces balises HTML de base et leur utilisation, les utilisateurs de WordPress peuvent cr\u00e9er et personnaliser efficacement leur contenu web, am\u00e9liorer l'exp\u00e9rience utilisateur et optimiser le r\u00e9f\u00e9rencement de leur site. La manipulation du HTML leur permet \u00e9galement de r\u00e9soudre des probl\u00e8mes de mise en page et d'int\u00e9grer des fonctionnalit\u00e9s avanc\u00e9es \u00e0 leur site WordPress.","publisher":{"@id":"#Publisher","@type":"Organization","name":"la sujets","logo":{"@type":"ImageObject","url":"https:\/\/lasujets.com\/wp-content\/uploads\/2023\/12\/la-sujets-high-resolution-logo-transparent.png"}},"sourceOrganization":{"@id":"#Publisher"},"copyrightHolder":{"@id":"#Publisher"},"mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/lasujets.com\/guide-balises-html-wordpress\/","breadcrumb":{"@id":"#Breadcrumb"}},"author":{"@type":"Person","name":"admin","url":"https:\/\/lasujets.com\/author\/admin\/"},"image":{"@type":"ImageObject","url":"https:\/\/lasujets.com\/wp-content\/uploads\/2023\/12\/la-sujets-high-resolution-logo.png","width":2000,"height":1500}}</script> <div id="share-buttons-bottom" class="share-buttons share-buttons-bottom"> <div class="share-links share-centered icons-only share-rounded"> <a href="https://www.facebook.com/sharer.php?u=https://lasujets.com/guide-balises-html-wordpress/" rel="external noopener nofollow" title="Facebook" target="_blank" class="facebook-share-btn " data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="screen-reader-text">Facebook</span> </a> <a href="https://twitter.com/intent/tweet?text=Guide%20Balises%20HTML%20WordPress&url=https://lasujets.com/guide-balises-html-wordpress/" rel="external noopener nofollow" title="X" target="_blank" class="twitter-share-btn " data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="screen-reader-text">X</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://lasujets.com/guide-balises-html-wordpress/&title=Guide%20Balises%20HTML%20WordPress" rel="external noopener nofollow" title="Linkedin" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">Linkedin</span> </a> <a href="https://www.tumblr.com/share/link?url=https://lasujets.com/guide-balises-html-wordpress/&name=Guide%20Balises%20HTML%20WordPress" rel="external noopener nofollow" title="Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://lasujets.com/guide-balises-html-wordpress/&description=Guide%20Balises%20HTML%20WordPress&media=https://lasujets.com/wp-content/uploads/2023/12/la-sujets-high-resolution-logo.png" rel="external noopener nofollow" title="Pinterest" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">Pinterest</span> </a> <a href="https://reddit.com/submit?url=https://lasujets.com/guide-balises-html-wordpress/&title=Guide%20Balises%20HTML%20WordPress" rel="external noopener nofollow" title="Reddit" target="_blank" class="reddit-share-btn " data-raw="https://reddit.com/submit?url={post_link}&title={post_title}"> <span class="share-btn-icon tie-icon-reddit"></span> <span class="screen-reader-text">Reddit</span> </a> <a href="https://vk.com/share.php?url=https://lasujets.com/guide-balises-html-wordpress/" rel="external noopener nofollow" title="VKontakte" target="_blank" class="vk-share-btn " data-raw="https://vk.com/share.php?url={post_link}"> <span class="share-btn-icon tie-icon-vk"></span> <span class="screen-reader-text">VKontakte</span> </a> <a href="mailto:?subject=Guide%20Balises%20HTML%20WordPress&body=https://lasujets.com/guide-balises-html-wordpress/" rel="external noopener nofollow" title="Partager par email" target="_blank" class="email-share-btn " data-raw="mailto:?subject={post_title}&body={post_link}"> <span class="share-btn-icon tie-icon-envelope"></span> <span class="screen-reader-text">Partager par email</span> </a> <a href="#" rel="external noopener nofollow" title="Imprimer" target="_blank" class="print-share-btn " data-raw="#"> <span class="share-btn-icon tie-icon-print"></span> <span class="screen-reader-text">Imprimer</span> </a> </div><!-- .share-links /--> </div><!-- .share-buttons /--> </article><!-- #the-post /--> <div class="post-components"> </div><!-- .post-components /--> </div><!-- .main-content --> </div><!-- .main-content-row /--></div><!-- #content /--> <footer id="footer" class="site-footer dark-skin dark-widgetized-area"> <div id="footer-widgets-container"> <div class="container"> </div><!-- .container /--> </div><!-- #Footer-widgets-container /--> <div id="site-info" class="site-info"> <div class="container"> <div class="tie-row"> <div class="tie-col-md-12"> <div class="copyright-text copyright-text-first"><footer> © Droits d'auteur 2024, Tous droits réservés  |  <span style="color:red;" class="tie-icon-heart"></span> </footer> </div><div class="copyright-text copyright-text-second">  |  <a href="https://lasujets.com/about-us/">À Propos</a>  |  <a href="https://lasujets.com/terms-and-conditions/">Termes et Conditions</a>  |  <a href="https://lasujets.com/report-content/">Signaler un Contenu</a>  |  <a href="https://lasujets.com/who-we-are/">Qui Sommes-Nous</a>  |  <a href="https://lasujets.com/privacy-policy/">Politique de Confidentialité</a>  |  <a href="https://lasujets.com/faq/">FAQ</a>  |  <a href="https://lasujets.com/contact-us/">Contact</a>  |  <a href="https://lasujets.com/disclaimer/">Clause de Non-responsabilité</a></div> </div><!-- .tie-col /--> </div><!-- .tie-row /--> </div><!-- .container /--> </div><!-- #site-info /--> </footer><!-- #footer /--> <div id="share-buttons-mobile" class="share-buttons share-buttons-mobile"> <div class="share-links icons-only"> <a href="https://www.facebook.com/sharer.php?u=https://lasujets.com/guide-balises-html-wordpress/" rel="external noopener nofollow" title="Facebook" target="_blank" class="facebook-share-btn " data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="screen-reader-text">Facebook</span> </a> <a href="https://twitter.com/intent/tweet?text=Guide%20Balises%20HTML%20WordPress&url=https://lasujets.com/guide-balises-html-wordpress/" rel="external noopener nofollow" title="X" target="_blank" class="twitter-share-btn " data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="screen-reader-text">X</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://lasujets.com/guide-balises-html-wordpress/&title=Guide%20Balises%20HTML%20WordPress" rel="external noopener nofollow" title="Linkedin" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">Linkedin</span> </a> <a href="https://www.tumblr.com/share/link?url=https://lasujets.com/guide-balises-html-wordpress/&name=Guide%20Balises%20HTML%20WordPress" rel="external noopener nofollow" title="Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://lasujets.com/guide-balises-html-wordpress/&description=Guide%20Balises%20HTML%20WordPress&media=https://lasujets.com/wp-content/uploads/2023/12/la-sujets-high-resolution-logo.png" rel="external noopener nofollow" title="Pinterest" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">Pinterest</span> </a> <a href="https://reddit.com/submit?url=https://lasujets.com/guide-balises-html-wordpress/&title=Guide%20Balises%20HTML%20WordPress" rel="external noopener nofollow" title="Reddit" target="_blank" class="reddit-share-btn " data-raw="https://reddit.com/submit?url={post_link}&title={post_title}"> <span class="share-btn-icon tie-icon-reddit"></span> <span class="screen-reader-text">Reddit</span> </a> <a href="fb-messenger://share?app_id=5303202981&display=popup&link=https://lasujets.com/guide-balises-html-wordpress/&redirect_uri=https://lasujets.com/guide-balises-html-wordpress/" rel="external noopener nofollow" title="Messenger" target="_blank" class="messenger-mob-share-btn messenger-share-btn " data-raw="fb-messenger://share?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">Messenger</span> </a> <a href="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link=https://lasujets.com/guide-balises-html-wordpress/&redirect_uri=https://lasujets.com/guide-balises-html-wordpress/" rel="external noopener nofollow" title="Messenger" target="_blank" class="messenger-desktop-share-btn messenger-share-btn " data-raw="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">Messenger</span> </a> <a href="https://api.whatsapp.com/send?text=Guide%20Balises%20HTML%20WordPress%20https://lasujets.com/guide-balises-html-wordpress/" rel="external noopener nofollow" title="WhatsApp" target="_blank" class="whatsapp-share-btn " data-raw="https://api.whatsapp.com/send?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-whatsapp"></span> <span class="screen-reader-text">WhatsApp</span> </a> <a href="https://telegram.me/share/url?url=https://lasujets.com/guide-balises-html-wordpress/&text=Guide%20Balises%20HTML%20WordPress" rel="external noopener nofollow" title="Telegram" target="_blank" class="telegram-share-btn " data-raw="https://telegram.me/share/url?url={post_link}&text={post_title}"> <span class="share-btn-icon tie-icon-paper-plane"></span> <span class="screen-reader-text">Telegram</span> </a> <a href="viber://forward?text=Guide%20Balises%20HTML%20WordPress%20https://lasujets.com/guide-balises-html-wordpress/" rel="external noopener nofollow" title="Viber" target="_blank" class="viber-share-btn " data-raw="viber://forward?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-phone"></span> <span class="screen-reader-text">Viber</span> </a> <a href="https://line.me/R/msg/text/?Guide%20Balises%20HTML%20WordPress%20https://lasujets.com/guide-balises-html-wordpress/" rel="external noopener nofollow" title="Ligne" target="_blank" class="line-share-btn " data-raw="https://line.me/R/msg/text/?{post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-line"></span> <span class="screen-reader-text">Ligne</span> </a> </div><!-- .share-links /--> </div><!-- .share-buttons /--> <div class="mobile-share-buttons-spacer"></div> <a id="go-to-top" class="go-to-top-button" href="#go-to-tie-body"> <span class="tie-icon-angle-up"></span> <span class="screen-reader-text">Bouton retour en haut de la page</span> </a> </div><!-- #tie-wrapper /--> <aside class=" side-aside normal-side dark-skin dark-widgetized-area appear-from-left" aria-label="Sidebar Secondaire" style="visibility: hidden;"> <div data-height="100%" class="side-aside-wrapper has-custom-scroll"> <a href="#" class="close-side-aside remove big-btn"> <span class="screen-reader-text">Fermer</span> </a><!-- .close-side-aside /--> <div id="mobile-container"> <div id="mobile-search"> <form role="search" method="get" class="search-form" action="https://lasujets.com/"> <label> <span class="screen-reader-text">Rechercher :</span> <input type="search" class="search-field" placeholder="Rechercher…" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Rechercher" /> </form> </div><!-- #mobile-search /--> <div id="mobile-menu" class=""> </div><!-- #mobile-menu /--> <div id="mobile-social-icons" class="social-icons-widget solid-social-icons"> <ul></ul> </div><!-- #mobile-social-icons /--> </div><!-- #mobile-container /--> </div><!-- .side-aside-wrapper /--> </aside><!-- .side-aside /--> </div><!-- #tie-container /--> </div><!-- .background-overlay /--> <script id="ckyBannerTemplate" type="text/template"><div class="cky-overlay cky-hide"></div><div class="cky-btn-revisit-wrapper cky-revisit-hide" data-cky-tag="revisit-consent" data-tooltip="Préférences de Consentement" style="background-color:#0056a7"> <button class="cky-btn-revisit" aria-label="Préférences de Consentement"> <img src="https://lasujets.com/wp-content/plugins/cookie-law-info/lite/frontend/images/revisit.svg" alt="Revisit consent button"> </button></div><div class="cky-consent-container cky-hide" tabindex="0"> <div class="cky-consent-bar" data-cky-tag="notice" style="background-color:#FFFFFF;border-color:#f4f4f4;color:#212121"> <div class="cky-notice"> <p class="cky-title" role="heading" aria-level="1" data-cky-tag="title" style="color:#212121">Nous accordons de l'importance à votre vie privée</p><div class="cky-notice-group"> <div class="cky-notice-des" data-cky-tag="description" style="color:#212121"> <p>Nous utilisons des cookies pour améliorer votre expérience de navigation, diffuser des publicités ou du contenu personnalisé et analyser notre trafic. En cliquant sur « Accepter tout », vous consentez à notre utilisation des cookies.</p> </div><div class="cky-notice-btn-wrapper" data-cky-tag="notice-buttons"> <button class="cky-btn cky-btn-customize" aria-label="Personnaliser" data-cky-tag="settings-button" style="color:#1863dc;background-color:transparent;border-color:#1863dc">Personnaliser</button> <button class="cky-btn cky-btn-reject" aria-label="Refuser Tout" data-cky-tag="reject-button" style="color:#1863dc;background-color:transparent;border-color:#1863dc">Refuser Tout</button> <button class="cky-btn cky-btn-accept" aria-label="Accepter Tout" data-cky-tag="accept-button" style="color:#FFFFFF;background-color:#1863dc;border-color:#1863dc">Accepter Tout</button> </div></div></div></div></div><div class="cky-modal" tabindex="0"> <div class="cky-preference-center" data-cky-tag="detail" style="color:#212121;background-color:#FFFFFF;border-color:#F4F4F4"> <div class="cky-preference-header"> <span class="cky-preference-title" role="heading" aria-level="1" data-cky-tag="detail-title" style="color:#212121">Customize Consent Preferences</span> <button class="cky-btn-close" aria-label="[cky_preference_close_label]" data-cky-tag="detail-close"> <img src="https://lasujets.com/wp-content/plugins/cookie-law-info/lite/frontend/images/close.svg" alt="Close"> </button> </div><div class="cky-preference-body-wrapper"> <div class="cky-preference-content-wrapper" data-cky-tag="detail-description" style="color:#212121"> <p>Nous utilisons des cookies pour vous aider à naviguer efficacement et effectuer certaines fonctions. Vous trouverez des informations détaillées sur tous les cookies sous chaque catégorie de consentement ci-dessous.</p> <p>Les cookies catégorisés comme "Nécessaires" sont stockés sur votre navigateur car ils sont essentiels pour permettre les fonctionnalités de base du site.</p> <p>Nous utilisons également des cookies tiers qui nous aident à analyser votre utilisation de ce site, stocker vos préférences et fournir un contenu et des publicités qui vous sont pertinents. Ces cookies ne seront stockés dans votre navigateur qu'avec votre consentement préalable.</p> <p>Vous pouvez choisir d'activer ou de désactiver certains ou tous ces cookies, mais la désactivation de certains d'entre eux peut affecter votre expérience de navigation.</p> </div><div class="cky-accordion-wrapper" data-cky-tag="detail-categories"> <div class="cky-accordion" id="ckyDetailCategorynecessary"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Necessary" data-cky-tag="detail-category-title" style="color:#212121">Necessary</button><span class="cky-always-active">Toujours Actif</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchnecessary"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">Aucun cookie à afficher.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryfunctional"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Functional" data-cky-tag="detail-category-title" style="color:#212121">Functional</button><span class="cky-always-active">Toujours Actif</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchfunctional"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">Aucun cookie à afficher.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryanalytics"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Analytics" data-cky-tag="detail-category-title" style="color:#212121">Analytics</button><span class="cky-always-active">Toujours Actif</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchanalytics"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">Aucun cookie à afficher.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryperformance"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Performance" data-cky-tag="detail-category-title" style="color:#212121">Performance</button><span class="cky-always-active">Toujours Actif</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchperformance"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">Aucun cookie à afficher.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryadvertisement"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Advertisement" data-cky-tag="detail-category-title" style="color:#212121">Advertisement</button><span class="cky-always-active">Toujours Actif</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchadvertisement"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">Aucun cookie à afficher.</p></div> </div> </div> </div></div><div class="cky-footer-wrapper"> <span class="cky-footer-shadow"></span> <div class="cky-prefrence-btn-wrapper" data-cky-tag="detail-buttons"> <button class="cky-btn cky-btn-reject" aria-label="Refuser Tout" data-cky-tag="detail-reject-button" style="color:#1863dc;background-color:transparent;border-color:#1863dc"> Refuser Tout </button> <button class="cky-btn cky-btn-preferences" aria-label="Enregistrer Mes Préférences" data-cky-tag="detail-save-button" style="color:#1863dc;background-color:transparent;border-color:#1863dc"> Enregistrer Mes Préférences </button> <button class="cky-btn cky-btn-accept" aria-label="Accepter Tout" data-cky-tag="detail-accept-button" style="color:#ffffff;background-color:#1863dc;border-color:#1863dc"> Accepter Tout </button> </div></div></div></div></script> <script> function _katexRender(rootElement) { const eles = rootElement.querySelectorAll(".katex-eq:not(.katex-rendered)"); for(let idx=0; idx < eles.length; idx++) { const ele = eles[idx]; ele.classList.add("katex-rendered"); try { katex.render( ele.textContent, ele, { displayMode: ele.getAttribute("data-katex-display") === 'true', throwOnError: false } ); } catch(n) { ele.style.color="red"; ele.textContent = n.message; } } } function katexRender() { _katexRender(document); } document.addEventListener("DOMContentLoaded", function() { katexRender(); // Perform a KaTeX rendering step when the DOM is mutated. const katexObserver = new MutationObserver(function(mutations) { [].forEach.call(mutations, function(mutation) { if (mutation.target && mutation.target instanceof Element) { _katexRender(mutation.target); } }); }); const katexObservationConfig = { subtree: true, childList: true, attributes: true, characterData: true }; katexObserver.observe(document.body, katexObservationConfig); }); </script> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//all2.atico-jo.com/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '10']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> <div id="autocomplete-suggestions" class="autocomplete-suggestions"></div><div id="is-scroller-outer"><div id="is-scroller"></div></div><div id="fb-root"></div> <div id="tie-popup-search-desktop" class="tie-popup tie-popup-search-wrap" style="display: none;"> <a href="#" class="tie-btn-close remove big-btn light-btn"> <span class="screen-reader-text">Fermer</span> </a> <div class="popup-search-wrap-inner"> <div class="live-search-parent pop-up-live-search" data-skin="live-search-popup" aria-label="Rerchercher"> <form method="get" class="tie-popup-search-form" action="https://lasujets.com/"> <input class="tie-popup-search-input is-ajax-search" inputmode="search" type="text" name="s" title="Rechercher" autocomplete="off" placeholder="Ecrire et appuyer sur Entrer" /> <button class="tie-popup-search-submit" type="submit"> <span class="tie-icon-search tie-search-icon" aria-hidden="true"></span> <span class="screen-reader-text">Rechercher</span> </button> </form> </div><!-- .pop-up-live-search /--> </div><!-- .popup-search-wrap-inner /--> </div><!-- .tie-popup-search-wrap /--> <div id="tie-popup-search-mobile" class="tie-popup tie-popup-search-wrap" style="display: none;"> <a href="#" class="tie-btn-close remove big-btn light-btn"> <span class="screen-reader-text">Fermer</span> </a> <div class="popup-search-wrap-inner"> <div class="live-search-parent pop-up-live-search" data-skin="live-search-popup" aria-label="Rerchercher"> <form method="get" class="tie-popup-search-form" action="https://lasujets.com/"> <input class="tie-popup-search-input is-ajax-search" inputmode="search" type="text" name="s" title="Rechercher" autocomplete="off" placeholder="Rechercher" /> <button class="tie-popup-search-submit" type="submit"> <span class="tie-icon-search tie-search-icon" aria-hidden="true"></span> <span class="screen-reader-text">Rechercher</span> </button> </form> </div><!-- .pop-up-live-search /--> </div><!-- .popup-search-wrap-inner /--> </div><!-- .tie-popup-search-wrap /--> <script type="text/javascript" src="https://lasujets.com/wp-content/plugins/katex/assets/katex-0.13.13/katex.min.js?ver=6.6.2" id="katex-js"></script> <script type="text/javascript" id="tie-scripts-js-extra"> /* <![CDATA[ */ var tie = {"is_rtl":"","ajaxurl":"https:\/\/lasujets.com\/wp-admin\/admin-ajax.php","is_side_aside_light":"","is_taqyeem_active":"","is_sticky_video":"","mobile_menu_top":"","mobile_menu_active":"area_1","mobile_menu_parent":"","lightbox_all":"true","lightbox_gallery":"true","lightbox_skin":"dark","lightbox_thumb":"horizontal","lightbox_arrows":"true","is_singular":"1","autoload_posts":"","reading_indicator":"","lazyload":"","select_share":"true","select_share_twitter":"","select_share_facebook":"","select_share_linkedin":"","select_share_email":"","facebook_app_id":"5303202981","twitter_username":"","responsive_tables":"true","ad_blocker_detector":"","sticky_behavior":"upwards","sticky_desktop":"true","sticky_mobile":"true","sticky_mobile_behavior":"default","ajax_loader":"<div class=\"loader-overlay\"><div class=\"spinner-circle\"><\/div><\/div>","type_to_search":"1","lang_no_results":"Aucun r\u00e9sultat","sticky_share_mobile":"true","sticky_share_post":"","sticky_share_post_menu":""}; /* ]]> */ </script> <script type="text/javascript" src="https://lasujets.com/wp-content/themes/jannah/assets/js/scripts.min.js?ver=7.0.2" id="tie-scripts-js"></script> <script type="text/javascript" src="https://lasujets.com/wp-content/themes/jannah/assets/ilightbox/lightbox.js?ver=7.0.2" id="tie-js-ilightbox-js"></script> <script type="text/javascript" src="https://lasujets.com/wp-content/themes/jannah/assets/js/sliders.min.js?ver=7.0.2" id="tie-js-sliders-js"></script> <script type="text/javascript" src="https://lasujets.com/wp-content/themes/jannah/assets/js/shortcodes.js?ver=7.0.2" id="tie-js-shortcodes-js"></script> <script type="text/javascript" src="https://lasujets.com/wp-content/themes/jannah/assets/js/desktop.min.js?ver=7.0.2" id="tie-js-desktop-js"></script> <script type="text/javascript" src="https://lasujets.com/wp-content/themes/jannah/assets/js/live-search.js?ver=7.0.2" id="tie-js-livesearch-js"></script> <script type="text/javascript" src="https://lasujets.com/wp-content/themes/jannah/assets/js/single.min.js?ver=7.0.2" id="tie-js-single-js"></script> <script> WebFontConfig ={ google:{ families: [ 'Poppins:600,regular:latin&display=swap' ] } }; (function(){ var wf = document.createElement('script'); wf.src = '//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.defer = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); </script><script type="text/javascript"> jQuery.ajax({ type : "GET", url : "https://lasujets.com/wp-admin/admin-ajax.php", data : "postviews_id=33917&action=tie_postviews", cache: !1, success: function( data ){ jQuery(".single-post-meta").find(".meta-views").html( data ); } }); </script> </body> </html>