Javascript Obtient La Valeur De L’Attribut Title

| | | | | | |

La balise HTML

</pre> définit le titre d’une page Web. Ce titre apparaaît dans la barre d’onglets du navigateur et lorsque vous ajoutez une page à votre liste de favoris. Toutes les pages Web doivent contenir une balise <pre class="prettyprint"><title></pre> .</em></p> <p>Lorsque vous créez une page Web, vous devez spécifier un titre pour cette page Web. Par exemple, disons que vous créez une page d’accueil pour le site Web d’une boulangerie locale. Vous voudrez peut-être que le nom de la boulangerie apparaisse comme titre de la page Web.</p> <p>C’est là que la balise HTML <em><pre class="prettyprint"><title></pre></em> entre en jeu. La balise <em>La balise <pre class="prettyprint"><title></pre></em> définit le titre d’un document en HTML et est placée dans la section head d’une page web. Ce tutoriel abordera, en référence à un exemple, l’importance de la balise <em><pre class="prettyprint"><title></pre></em> et comment vous pouvez l’utiliser dans votre code.</p> <h2> HTML Head Refresher</h2><p>En HTML, l’élément <em><head></em> est utilisé pour stocker les éléments d’en-tête. Ces éléments fournissent des informations supplémentaires sur une page Web, telles que l’icône qui doit apparaaître pour la page Web.</p> <p>Ensemble, les éléments de la section <em><head></em> décrivent les informations principales à propos d’un document. Ils peuvent pointer le navigateur vers les feuilles de style et les scripts utilisés dans un document (s’ils sont utilisés).</p> <h2> HTML <pre class="prettyprint"><title></pre></h2><p>HTML <em><pre class="prettyprint"><title></pre> </em> la balise définit le titre du document. Cette balise apparaaît à l’intérieur de la balise <em><head></em>. Cette balise doit résumer le but d’une page Web. Il vous suffit de spécifier une balise <pre class="prettyprint"><title></pre> par page.</p> <p>Regardons la syntaxe de cette balise:</p>  <p>La balise <pre class="prettyprint"><title></pre> a à la fois une balise d’ouverture et une balise de fermeture. Entre ces balises, nous avons écrit un titre pour une page Web.</p>  </div>  </div>  </a> </div> <p>Le texte de notre balise <pre class="prettyprint"><title></pre> n’apparaaît pas sur la page Web. Ceci est d√ª au fait que notre balise <pre class="prettyprint"><title></pre> est incluse dans la balise <head> au lieu de la balise <body > sur notre page Web.</p> <p>Notre titre ci-dessus est fort car il indique à l’utilisateur exactement quelle page il consulte. Nous avons également spécifié le nom du site, ce qui évite toute confusion si un utilisateur a plusieurs onglets ouverts en vue avec le titre "Accueil".</p> <p>Le titre doit être clair, facile à lire et pas trop long. Considérez les exemples de titres suivants:</p> <ul> <li>Blog - Karma professionnel</li><li>Contact Karma Professionnel</li><li>Blog Karma Professionnel</li></ul> <p>Tous ces titres expriment le but de la page. elle ne devrait pas être trop longue car les titres n’ont qu’un espace limité dans la barre d’onglets.</p>  <p>La balise <pre class="prettyprint"><title></pre> prend en charge tous les attributs globaux, par exemple en HTML5. Cette balise est prise en charge par tous les principaux navigateurs modernes. La balise title n’a pas d’attribut HTML spécifique à l’élément.</p> <h2> Exemple de balise title HTML</h2><p>L’élément title HTML est défini à l’intérieur de la balise <em><head> </em> sur un page HTML. Supposons que nous créions une page Web pour notre boulangerie locale, Joseph Abrams & Sons. Nous construisons actuellement la page d’accueil et nous souhaitons que le nom de la p√¢tisserie apparaisse dans le titre du site.</p> <p>Nous pourrions utiliser le code suivant pour définir le titre de notre page sur " <em>Giuseppe Abrams & Figli. </em> ":</p> <p>Lorsque la page Web de notre site est ouverte, le titre de la page est défini sur" <em>Joseph Abrams & Sons</em> ". </p>  </a> </div>  <p>Maintenant, supposons que nous créons une page de contact pour notre boulangerie locale d’avant. Nous pourrions utiliser le titre " <em>Contact | Joseph Abrams & Sons</em> ". Ce titre est simple et décrit également bien le but de notre page Web.</p> <h2> Pourquoi devriez-vous utiliser une balise <pre class="prettyprint"><title></pre> ?</h2><p>Il existe un certain nombre de raisons pour spécifier une balise de titre du document est important.</p> <p>Tout d’abord, la balise <em><pre class="prettyprint"><title></pre></em> affiche le titre de la page dans la barre de titre de votre navigateur Web. Par exemple, le titre de cette page est "  <em>Balise de titre HTML: un guide pratique | Karma de carrière</em>". Il apparaaît dans le nom de l’onglet de ce site.</p> <p>Deuxièmement, la balise <em>La balise <pre class="prettyprint"><title></pre></em> étiquette la page Web lorsqu’elle est mise en signet ou enregistrée en tant que favori dans le navigateur Web de l’utilisateur . Le titre que vous spécifiez sera celui automatiquement enregistré. Si vous n’utilisez pas un titre approprié pour une page Web, un utilisateur peut avoir du mal à trouver votre page dans ses favoris.</p> <p>Les moteurs de recherche dépendent du contenu d’une balise de titre. Le titre spécifié dans une balise de titre sera le titre de la page Web sur une page de résultats de moteur de recherche (SERP). Le SERP est une entrée sur une page de résultats de recherche.</p> <p>De plus, le contenu de la balise <em><pre class="prettyprint"><title></pre></em> est utilisé pour déterminer le sujet de la page Web par les moteurs de recherche.</p> <p>Alors, maintenant que nous savons que les balises <em><pre class="prettyprint"><title></pre></em> sont importantes, vous vous demandez peut-être: Comment utiliser la balise de titre HTML ? Répondons à cette question.</p> <h2> Conclusion</h2><p>La balise <em><pre class="prettyprint"><title></pre></em> indique le titre d’un document HTML. Ce titre est affiché dans les noms des onglets du navigateur Web. Il est également utilisé par les moteurs de recherche lors du traitement d’une page Web pour décider du titre et du sujet.</p>  </a> </div> <p>Ce tutoriel a abordé les bases de la balise HTML <em><pre class="prettyprint"><title></pre></em> en se référant à un exemple. Vous êtes maintenant prêt à commencer à utiliser la balise title comme un expert HTML ! </p> <p>Vous voulez en savoir plus sur le codage HTML ? Consultez notre <a href="/learn-html/"> Guide d’apprentissage HTML </a>. Ce guide contient une liste des meilleures ressources d’apprentissage et des meilleurs cours pour les débutants. et développeurs intermédiaires. Vous trouverez également les meilleurs livres à lire sur le sujet HTML.</p>   </div>



                   </div>
                </div>
                <div class="article__right">
                    <div class="hub_ad">
                        <div id="ezoic-pub-ad-placeholder-106">
                          <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9381065361874746"
                               crossorigin="anonymous"></script>
                          <!-- PYE aside NEW -->
                          <ins class="adsbygoogle"
                               style="display:block"
                               data-ad-client="ca-pub-9381065361874746"
                               data-ad-slot="8755532771"
                               data-ad-format="auto"
                               data-full-width-responsive="true"></ins>
                          <script>
                               (adsbygoogle = window.adsbygoogle || []).push({});
                          </script>  
                        </div>                   
                    </div>
                    <div class="shop-aside shop-aside--mt">
                        <h2 class="shop-aside__title">Shop</h2>
                        <div class="shop__items shop__items--column">
                             	
                            <div class="shop__item"><a class="shop__item-link" href="https://python.engineering/learn-programming-in-r-courses/"></a><img class="shop__item-img" src="">
                                <p class="shop__item-name">Learn programming in R: courses</p><span class="shop__item-price">$</span>
                            </div>
                             	
                            <div class="shop__item"><a class="shop__item-link" href="https://python.engineering/best-python-online-courses-for-2022/"></a><img class="shop__item-img" src="">
                                <p class="shop__item-name">Best Python online courses for 2022</p><span class="shop__item-price">$</span>
                            </div>
                             	
                            <div class="shop__item"><a class="shop__item-link" href="https://python.engineering/best-laptop-for-fortnite/"></a><img class="shop__item-img" src="">
                                <p class="shop__item-name">Best laptop for Fortnite</p><span class="shop__item-price">$</span>
                            </div>
                             	
                            <div class="shop__item"><a class="shop__item-link" href="https://python.engineering/best-laptop-for-excel/"></a><img class="shop__item-img" src="">
                                <p class="shop__item-name">Best laptop for Excel</p><span class="shop__item-price">$</span>
                            </div>
                             	
                            <div class="shop__item"><a class="shop__item-link" href="https://python.engineering/best-laptop-for-solidworks/"></a><img class="shop__item-img" src="">
                                <p class="shop__item-name">Best laptop for Solidworks</p><span class="shop__item-price">$</span>
                            </div>
                             	
                            <div class="shop__item"><a class="shop__item-link" href="https://python.engineering/best-laptop-for-roblox/"></a><img class="shop__item-img" src="">
                                <p class="shop__item-name">Best laptop for Roblox</p><span class="shop__item-price">$</span>
                            </div>
                             	
                            <div class="shop__item"><a class="shop__item-link" href="https://python.engineering/best-computer-for-crypto-mining/"></a><img class="shop__item-img" src="">
                                <p class="shop__item-name">Best computer for crypto mining</p><span class="shop__item-price">$</span>
                            </div>
                             	
                            <div class="shop__item"><a class="shop__item-link" href="https://python.engineering/best-laptop-for-sims-4/"></a><img class="shop__item-img" src="http://python.engineering/wp-content/uploads/2022/04/pye-best-laptop-for-sims-4.jpg">
                                <p class="shop__item-name">Best laptop for Sims 4</p><span class="shop__item-price">$</span>
                            </div>
                            
                        </div>
                    </div>

                    <div class="hub_ad">
                        <div id="ezoic-pub-ad-placeholder-106" style="position:sticky; position:-webkit-sticky; top:0; margin-top:10px; z-index: 1000">
                          <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9381065361874746"
                               crossorigin="anonymous"></script>
                          <!-- PYE aside NEW -->
                          <ins class="adsbygoogle"
                               style="display:block"
                               data-ad-client="ca-pub-9381065361874746"
                               data-ad-slot="8755532771"
                               data-ad-format="auto"
                               data-full-width-responsive="true"></ins>
                          <script>
                               (adsbygoogle = window.adsbygoogle || []).push({});
                          </script>  
                        </div>                   
                    </div>


                    <div class="l-questions l-questions--mt">
                        <p class="l-questions__title">Latest questions</p>
                        <div class="l-questions__list">
                       
                        <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/8134602-psycopg2-insert-multiple-rows-with-one-query/"></a>
                            <div class="l-questions__item-tags"><span class="l-questions__item-tag violet">NUMPY</span><span class="l-questions__item-tag yellow">NUMPY</span></div>
                            <p class="l-questions__item-title">psycopg2: insert multiple rows with one query</p>
                            <p class="l-questions__item-answers"><span>12</span> answers</p>
                        </div>
                       
                        <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/3930188-how-to-convert-nonetype-to-int-or-string/"></a>
                            <div class="l-questions__item-tags"><span class="l-questions__item-tag violet">NUMPY</span><span class="l-questions__item-tag yellow">NUMPY</span></div>
                            <p class="l-questions__item-title">How to convert Nonetype to int or string?</p>
                            <p class="l-questions__item-answers"><span>12</span> answers</p>
                        </div>
                       
                        <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/33945261-how-to-specify-multiple-return-types-using-type-hints/"></a>
                            <div class="l-questions__item-tags"><span class="l-questions__item-tag violet">NUMPY</span><span class="l-questions__item-tag yellow">NUMPY</span></div>
                            <p class="l-questions__item-title">How to specify multiple return types using type-hints</p>
                            <p class="l-questions__item-answers"><span>12</span> answers</p>
                        </div>
                       
                        <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/51922480-javascript-error-ipython-is-not-defined-in-jupyterlab/"></a>
                            <div class="l-questions__item-tags"><span class="l-questions__item-tag violet">NUMPY</span><span class="l-questions__item-tag yellow">NUMPY</span></div>
                            <p class="l-questions__item-title">Javascript Error: IPython is not defined in JupyterLab</p>
                            <p class="l-questions__item-answers"><span>12</span> answers</p>
                        </div>
                        
                        </div>
                        <div class="l-questions__more-link"><a href="/cat/wiki/so/">All questions</a></div>
                    </div>
                    <div class="hub_ad">
                        <div id="ezoic-pub-ad-placeholder-106" style="position:sticky; position:-webkit-sticky; top:0; margin-top:10px; z-index: 1000">
                          <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9381065361874746"
                               crossorigin="anonymous"></script>
                          <!-- PYE aside NEW -->
                          <ins class="adsbygoogle"
                               style="display:block"
                               data-ad-client="ca-pub-9381065361874746"
                               data-ad-slot="8755532771"
                               data-ad-format="auto"
                               data-full-width-responsive="true"></ins>
                          <script>
                               (adsbygoogle = window.adsbygoogle || []).push({});
                          </script>  
                        </div>                   
                    </div>                    
                </div>
            </div>
        </div>
    </div>



<!-- news -->
    <div class="news">
        <div class="container">
            <h2 class="news__title h2">News</h2>
            <div class="news__items">

   
            <!--
            <a class="news__item" href="https://python.engineering/w4-games-called-for-directx12-support-in-the-new-version-of-the-godot-game-engine/" style="background-image: url('https://python.engineering/wp-content/uploads/2022/08/pye-directx12-13-08-2022.jpeg')">
            -->
            <a class="news__item" href="https://python.engineering/w4-games-called-for-directx12-support-in-the-new-version-of-the-godot-game-engine/" style="background-color: #243978;">
                <span class="news__item-overlay">
                  <span class="news__item-cat">13/08/2022</span>
                  <span class="news__item-title">W4 Games called for DirectX12 support in the new version of the Godot game engine</span>
                </span>
            </a>
   
            <!--
            <a class="news__item" href="https://python.engineering/sk-hynix-wants-to-build-a-chip-testing-and-packaging-plant-in-the-us/" style="background-image: url('https://python.engineering/wp-content/uploads/2022/08/pye-hynix-13-08-2022.jpeg')">
            -->
            <a class="news__item" href="https://python.engineering/sk-hynix-wants-to-build-a-chip-testing-and-packaging-plant-in-the-us/" style="background-color: #243978;">
                <span class="news__item-overlay">
                  <span class="news__item-cat">13/08/2022</span>
                  <span class="news__item-title">SK Hynix wants to build a chip testing and packaging plant in the US</span>
                </span>
            </a>
   
            <!--
            <a class="news__item" href="https://python.engineering/the-developer-showed-that-ddr5-memory-diagnostics/" style="background-image: url('https://python.engineering/wp-content/uploads/2022/08/pye-ddr5-13-08-2022.jpeg')">
            -->
            <a class="news__item" href="https://python.engineering/the-developer-showed-that-ddr5-memory-diagnostics/" style="background-color: #243978;">
                <span class="news__item-overlay">
                  <span class="news__item-cat">13/08/2022</span>
                  <span class="news__item-title">The developer showed that DDR5 memory diagnostics in the not yet presented version of MemTest86 was taken to a new level</span>
                </span>
            </a>
              
            </div>
        </div>
    </div>
<!-- /new -->

<br>

<!-- wiki -->
    <div class="wiki">
        <div class="container">
            <h2 class="wiki__title h2">Wiki</h2>
            <div class="wiki-grid">
               
                <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/python-opencv-cv2-puttext-method/"></a>
                    <div class="l-questions__item-tags">
                      <a href=""><span class="l-questions__item-tag violet">__del__</span></a>
                    </div>
                    <p class="l-questions__item-title">Python OpenCV | cv2.putText () method</p>
                </div>
               
                <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/numpy-arctan2-python/"></a>
                    <div class="l-questions__item-tags">
                      <a href=""><span class="l-questions__item-tag violet">__del__</span></a>
                    </div>
                    <p class="l-questions__item-title">numpy.arctan2 () in Python</p>
                </div>
               
                <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/python-os-path-realpath-method/"></a>
                    <div class="l-questions__item-tags">
                      <a href=""><span class="l-questions__item-tag violet">__del__</span></a>
                    </div>
                    <p class="l-questions__item-title">Python | os.path.realpath () method</p>
                </div>
               
                <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/python-opencv-cv2-circle-method/"></a>
                    <div class="l-questions__item-tags">
                      <a href=""><span class="l-questions__item-tag violet">around</span></a>
                    </div>
                    <p class="l-questions__item-title">Python OpenCV | cv2.circle () method</p>
                </div>
               
                <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/python-opencv-cv2-cvtcolor-method/"></a>
                    <div class="l-questions__item-tags">
                      <a href=""><span class="l-questions__item-tag violet">cvtcolor</span></a>
                    </div>
                    <p class="l-questions__item-title">Python OpenCV cv2.cvtColor () method</p>
                </div>
               
                <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/python-move-element-to-end-of-the-list/"></a>
                    <div class="l-questions__item-tags">
                      <a href=""><span class="l-questions__item-tag violet">Python functions</span></a>
                    </div>
                    <p class="l-questions__item-title">Python - Move item to the end of the list</p>
                </div>
               
                <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/time-perf_counter-function-in-python/"></a>
                    <div class="l-questions__item-tags">
                      <a href=""><span class="l-questions__item-tag violet">Counters</span></a>
                    </div>
                    <p class="l-questions__item-title">time.perf_counter () function in Python</p>
                </div>
               
                <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/python-check-if-one-list-is-subset-of-other/"></a>
                    <div class="l-questions__item-tags">
                      <a href=""><span class="l-questions__item-tag violet">__dict__</span></a>
                    </div>
                    <p class="l-questions__item-title">Check if one list is a subset of another in Python</p>
                </div>
               
                <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/python-os-path-join-method/"></a>
                    <div class="l-questions__item-tags">
                      <a href=""><span class="l-questions__item-tag violet">__del__</span></a>
                    </div>
                    <p class="l-questions__item-title">Python os.path.join () method</p>
                </div>
                
            </div>
        </div>
    </div>     
<!-- /wiki -->   






<!-- new footer -->
    <footer class="footer">
        <div class="container">
            <div class="footer__row">
                <div class="footer__left"><img class="footer__logo" src="/wp-content/themes/nimani/img/footer-logo.svg" alt="Python Engineering">
                    <p class="footer__copyright">© 2017—2022 <br> Python Engineering Hub</p>

                    <p class="footer__desc">
<a href="/cat/wiki/" class="footer__nav-link">EN</a> | <a href="/cat/es_sp/" class="footer__nav-link">ES</a> | <a href="/cat/de_de/" class="footer__nav-link">DE</a> | <a href="/cat/fr_fr/" class="footer__nav-link">FR</a> | <a href="/cat/it_it/" class="footer__nav-link">IT</a> | <a href="/cat/ru_ru/" class="footer__nav-link">RU</a> | <a href="/cat/tr_tr/" class="footer__nav-link">TR</a> | <a href="/cat/pl_pl/" class="footer__nav-link">PL</a> | <a href="/cat/pt_pt/" class="footer__nav-link">PT</a> | <a href="/cat/ja_jp/" class="footer__nav-link">JP</a> | <a href="/cat/ko_kr/" class="footer__nav-link">KR</a> | <a href="/cat/zh_cn/" class="footer__nav-link">CN</a> | <a href="/cat/hi_in/" class="footer__nav-link">HI</a> | <a href="/cat/nl_nl/" class="footer__nav-link">NL</a>
                    </p>   
                    <br>                    
                    <p class="footer__desc">
                    Python.Engineering is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to amazon.com
                    </p>

                </div>
                <div class="footer__nav-col">
                    <p class="footer__nav-title">Python</p>
                    <ul class="footer__nav-list">
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/loops/">Loops</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/counters/">Counters</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/numpy/">NumPy</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/nlp/">NLP</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/regex/">Regular Expressions</a></li>
                    </ul>
                </div>
                <div class="footer__nav-col">
                    <p class="footer__nav-title">Wiki</p>
                    <ul class="footer__nav-list">
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/news/">Tech news</a></li>                        
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/wiki/">Python Wiki</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/wiki/so/">StackOverflow</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/php/">PHP</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/javascript/">JavaScript</a></li>
                    </ul>
                </div>
                <div class="footer__nav-col">
                    <p class="footer__nav-title">Books</p>
                    <ul class="footer__nav-list">
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/books/">All books</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/computations/">Computations</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/development/">Development</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/cryptography/">Cryptography</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/beginners/">For dummies</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/bigdata/">Big Data</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>
    <script src="https://code.jquery.com/jquery-3.5.0.min.js"></script>
    <script src="/wp-content/themes/nimani/js/libs.js"></script>
    <script src="/wp-content/themes/nimani/js/index.js"></script>
    <script src="/wp-content/themes/nimani/js/vendor/lazysizes.min.js" async></script>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-Q022WLXW4X" async></script>
    <script async src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js?autoload=true&skin=desert&lang=python"></script>
    <script type="text/javascript">
        document.addEventListener("DOMContentLoaded", () => {
            let arrayCode = document.querySelectorAll('pre');
            arrayCode.forEach(element => {
                element.classList.add("prettyprint");
            });
        });        
    </script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-Q022WLXW4X');
    </script>


<!-- ===================== LEAVE POPUP ===================== -->

<!--     <script src="/wp-content/themes/nimani/js/ouibounce.js"></script>
    <script>
      // if you want to use the 'fire' or 'disable' fn,
      // you need to save OuiBounce to an object
      var _ouibounce = ouibounce(document.getElementById('ouibounce-modal'), {
        aggressive: true,
        timer: 0,
        delay: 1000,
        callback: function() { console.log('ouibounce fired!'); }
      });

      $('body').on('click', function() {
        $('#ouibounce-modal').hide();
      });

      $('#ouibounce-modal .modal-footer').on('click', function() {
        $('#ouibounce-modal').hide();
      });

      $('#ouibounce-modal .modal').on('click', function(e) {  e.stopPropagation();});
    </script>

    <script>
    $("#reload_form_button" ).click(function() {
        console.log("hui");
    $('#reload_form').load('/wp-content/themes/nimani/af.html');
    });
    </script> -->
<!-- ===================== /LEAVE POPUP ===================== -->


</body>

</html>
<!-- /new footer -->