O que é Formatação HTML

Ouvir

O que é Formatação HTML

A formatação HTML, sigla para HyperText Markup Language, é uma linguagem de marcação utilizada para estruturar e formatar o conteúdo de páginas web. Ela é composta por uma série de elementos e tags que definem como o conteúdo deve ser exibido no navegador.

Elementos Básicos da Formatação HTML

Os elementos básicos da formatação HTML incluem tags como , ,, e</p><p>. Cada tag possui uma função específica e é utilizada para definir diferentes partes da página, como o cabeçalho, o título, o corpo do texto e os parágrafos.</p><h2>Tags de Formatação de Texto</h2><p>Além dos elementos básicos, a formatação HTML também inclui tags para formatação de texto, como <b> para negrito, <i> para itálico, <u> para sublinhado e <s> para riscado. Essas tags permitem que o conteúdo da página seja estilizado de acordo com as preferências do desenvolvedor.</p><h2>Tags de Listas e Tabelas</h2><p>Outras tags importantes da formatação HTML são as tags de listas, como</p><ul> para listas não ordenadas e</p><ol> para listas ordenadas, e as tags de tabelas, como</p><table>,</p><tr> e</p><td>. Essas tags são utilizadas para organizar o conteúdo da página de forma estruturada e visualmente agradável.</p><h2>Tags de Imagens e Links</h2><p>Para adicionar imagens e links a uma página web, são utilizadas as tags <img loading="eager" fetchpriority="high"> e <a>, respectivamente. A tag <img loading="lazy"> permite a inserção de imagens na página, enquanto a tag <a> cria links para outras páginas ou recursos na web.</p><h2>Formatação de Formulários</h2><p>A formatação HTML também inclui tags para a criação de formulários interativos, como , , <textarea> e <button>. Essas tags permitem a coleta de informações dos usuários e a interação com o conteúdo da página.</p><h2>Estilização com CSS</h2><p>Embora a formatação HTML seja responsável pela estruturação do conteúdo da página, a estilização visual é feita através do CSS (Cascading Style Sheets). O CSS permite a definição de cores, fontes, tamanhos e outros estilos para tornar a página mais atraente e funcional.</p><h2>Compatibilidade com Navegadores</h2><p>É importante ressaltar que nem todas as tags e elementos de formatação HTML são suportados por todos os navegadores. Por isso, é fundamental testar a página em diferentes browsers para garantir que o conteúdo seja exibido corretamente em todos os dispositivos.</p><h2>Conclusão</h2><p>Em resumo, a formatação HTML é essencial para a criação de páginas web estruturadas e visualmente atraentes. Com o uso correto das tags e elementos de formatação, é possível criar sites funcionais e acessíveis para os usuários.</p><div class="fwx-auto-ad-container fwx-ad-block-3" style="overflow:hidden;max-width:100%;box-sizing:border-box;"><script type="litespeed/javascript" data-src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6944241685170068" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6944241685170068" data-ad-slot="5752111042"></ins> <script type="litespeed/javascript">(adsbygoogle=window.adsbygoogle||[]).push({})</script></div></div><footer class="entry-footer"><div class="fwx-share-buttons"> <span class="fwx-share-title">Compartilhe:</span> <a href="https://api.whatsapp.com/send?text=O+Que+%C3%89+Formata%C3%A7%C3%A3o+Html - https%3A%2F%2Ftechbytehub.com%2Fglossario%2Fo-que-e-formatacao-html%2F" target="_blank" rel="noopener noreferrer" class="fwx-btn-share fwx-whatsapp" aria-label="Compartilhar no WhatsApp"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg></a> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Ftechbytehub.com%2Fglossario%2Fo-que-e-formatacao-html%2F" target="_blank" rel="noopener noreferrer" class="fwx-btn-share fwx-facebook" aria-label="Compartilhar no Facebook"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a> <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Ftechbytehub.com%2Fglossario%2Fo-que-e-formatacao-html%2F&text=O+Que+%C3%89+Formata%C3%A7%C3%A3o+Html" target="_blank" rel="noopener noreferrer" class="fwx-btn-share fwx-twitter" aria-label="Compartilhar no X (Twitter)"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4l11.733 16h4.267l-11.733 -16z"></path><path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"></path></svg></a></div><div class="fwx-author-box"><div class="fwx-author-avatar"> <img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDgwIDgwIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" alt='' data-src='https://techbytehub.com/wp-content/uploads/2026/05/Foto-Perfil.webp' class='avatar avatar-80 photo' height='80' width='80' loading='lazy' decoding='async' /></div><div class="fwx-author-info"><h3 class="fwx-author-name">Antônio Carlos</h3><p class="fwx-author-bio">Olá, sou Antônio Carlos, um apaixonado e curioso por Tecnologia e Informática. Aqui no TechByTehub, compartilho minhas descobertas, análises e dicas sobre o vasto universo tecnológico. Acompanhe-me nessa jornada e fique por dentro das últimas tendências e inovações!</p> <a href="https://techbytehub.com/sobre-nos/" target="_blank" rel="noopener noreferrer" class="fwx-author-link">Site do Autor</a></div></div></footer></article><section class="fwx-related-posts"><h3 class="fwx-related-title">Você também pode gostar</h3><div class="fwx-related-grid"><article class="fwx-related-item"><a href="https://techbytehub.com/glossario/funcionalidades-avancadas-informatica/" class="fwx-related-thumb" tabindex="-1" aria-hidden="true"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgwIiBoZWlnaHQ9Ijg1MyIgdmlld0JveD0iMCAwIDEyODAgODUzIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" data-src="https://techbytehub.com/wp-content/themes/fast-webx/assets/img/default-thumb.webp" alt="Funcionalidades Avançadas" class="fwx-default-thumb " loading="lazy" decoding="async" width="1280" height="853" /></a><h4 class="fwx-related-post-title"><a href="https://techbytehub.com/glossario/funcionalidades-avancadas-informatica/">Funcionalidades Avançadas</a></h4><div class="fwx-post-meta"> <span class="fwx-meta-author">Por Antônio Carlos</span> <span class="fwx-meta-date">10 de setembro de 2024</span></div></article><article class="fwx-related-item"><a href="https://techbytehub.com/glossario/funcionalidade-de-backup-importancia-vantagens/" class="fwx-related-thumb" tabindex="-1" aria-hidden="true"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgwIiBoZWlnaHQ9Ijg1MyIgdmlld0JveD0iMCAwIDEyODAgODUzIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" data-src="https://techbytehub.com/wp-content/themes/fast-webx/assets/img/default-thumb.webp" alt="Funcionalidade de Backup" class="fwx-default-thumb " loading="lazy" decoding="async" width="1280" height="853" /></a><h4 class="fwx-related-post-title"><a href="https://techbytehub.com/glossario/funcionalidade-de-backup-importancia-vantagens/">Funcionalidade de Backup</a></h4><div class="fwx-post-meta"> <span class="fwx-meta-author">Por Antônio Carlos</span> <span class="fwx-meta-date">9 de setembro de 2024</span></div></article><article class="fwx-related-item"><a href="https://techbytehub.com/glossario/fingerprint-digital-tecnologia-seguranca-biometrica/" class="fwx-related-thumb" tabindex="-1" aria-hidden="true"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgwIiBoZWlnaHQ9Ijg1MyIgdmlld0JveD0iMCAwIDEyODAgODUzIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" data-src="https://techbytehub.com/wp-content/themes/fast-webx/assets/img/default-thumb.webp" alt="Fingerprint Digital" class="fwx-default-thumb " loading="lazy" decoding="async" width="1280" height="853" /></a><h4 class="fwx-related-post-title"><a href="https://techbytehub.com/glossario/fingerprint-digital-tecnologia-seguranca-biometrica/">Fingerprint Digital</a></h4><div class="fwx-post-meta"> <span class="fwx-meta-author">Por Antônio Carlos</span> <span class="fwx-meta-date">11 de setembro de 2024</span></div></article></div></section></main><aside id="secondary" class="widget-area fwx-sidebar"></aside></div><footer id="colophon" class="site-footer"><div class="footer-top fwx-container"><div class="footer-col col-brand"><h3 class="footer-title">Sobre</h3><p class="footer-description"> <strong>Tech by Tehub</strong><br><br>Seu blog de tecnologia: notícias, reviews, tutoriais, IA e dicas para todos os níveis.<br><br>Aproveitem!⚡</p></div><div class="footer-col col-categories"><h3 class="footer-title">Links</h3><ul id="menu-rodape" class="footer-links"><li id="menu-item-103" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-103"><a href="https://techbytehub.com/">Inicio</a></li><li id="menu-item-106" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-106"><a href="https://techbytehub.com/sobre-nos/">Sobre Nós</a></li><li id="menu-item-105" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-105"><a rel="privacy-policy" href="https://techbytehub.com/privacy-policy/">Política de Privacidade</a></li><li id="menu-item-108" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-108"><a href="https://techbytehub.com/opt-out-preferences/">Política de Cookies</a></li><li id="menu-item-110" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-110"><a href="https://techbytehub.com/terms-and-conditions/">Termos e Condições</a></li><li id="menu-item-109" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-109"><a href="https://techbytehub.com/disclaimer-for-the-tech-by-tehub-blog/">Disclaimer</a></li><li id="menu-item-107" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-107"><a href="https://techbytehub.com/contact/">Contato</a></li><li id="menu-item-4509156079" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4509156079"><a href="https://techbytehub.com/mapa-do-site/">Mapa do Site</a></li></ul></div><div class="footer-col col-nav"><h3 class="footer-title">Site</h3><ul id="menu-rodape-1" class="footer-links"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-103"><a href="https://techbytehub.com/">Inicio</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-106"><a href="https://techbytehub.com/sobre-nos/">Sobre Nós</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-105"><a rel="privacy-policy" href="https://techbytehub.com/privacy-policy/">Política de Privacidade</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-108"><a href="https://techbytehub.com/opt-out-preferences/">Política de Cookies</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-110"><a href="https://techbytehub.com/terms-and-conditions/">Termos e Condições</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-109"><a href="https://techbytehub.com/disclaimer-for-the-tech-by-tehub-blog/">Disclaimer</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-107"><a href="https://techbytehub.com/contact/">Contato</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4509156079"><a href="https://techbytehub.com/mapa-do-site/">Mapa do Site</a></li></ul></div><div class="footer-col col-social"><h3 class="footer-title">Acompanhe</h3><div class="footer-social-grid"><a href="https://www.facebook.com/profile.php?id=61579185262177" class="footer-social-link" target="_blank" rel="noopener noreferrer" aria-label="Facebook"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a><a href="https://www.linkedin.com/in/antnio-carlos-462a50332/" class="footer-social-link" target="_blank" rel="noopener noreferrer" aria-label="Linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a href="https://x.com/techbytehub04" class="footer-social-link" target="_blank" rel="noopener noreferrer" aria-label="Twitter"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4l11.733 16h4.267l-11.733 -16z"></path><path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"></path></svg></a><a href="https://br.pinterest.com/techbytehub04/_created/" class="footer-social-link" target="_blank" rel="noopener noreferrer" aria-label="Pinterest"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 22c.9-2.86 1.88-6 1.88-6s-.46-.92-.46-2.3c0-2.15 1.24-3.76 2.8-3.76 1.32 0 1.96.99 1.96 2.18 0 1.33-.85 3.32-1.29 5.16-.36 1.54.78 2.79 2.3 2.79 2.76 0 4.88-2.91 4.88-7.11 0-3.72-2.67-6.31-6.48-6.31-4.41 0-7 3.31-7 6.74 0 1.33.51 2.76 1.15 3.54.13.15.15.28.1.48l-.43 1.76c-.07.28-.23.38-.53.24-1.94-.9-3.14-3.73-3.14-6 0-4.89 3.56-9.39 10.25-9.39 5.38 0 9.56 3.83 9.56 8.95 0 5.35-3.37 9.65-8.06 9.65-1.57 0-3.05-.82-3.56-1.78l-1.03 3.92A10.2 10.2 0 0 1 8 22z"></path></svg></a></div></div></div><div class="footer-bottom"><div class="fwx-container footer-bottom-inner"><div class="footer-copyright"> © 2026 <a href="/">Tech by Tehub</a>. Todos os direitos reservados.</div><div class="footer-aux"> Construído para SEO e Performance.</div></div></div></footer></div> <button id="fwx-back-to-top" class="fwx-back-to-top" aria-label="Voltar ao topo"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="18 15 12 9 6 15"></polyline></svg> </button> <script type="litespeed/javascript">document.addEventListener('DOMContentLiteSpeedLoaded',function(){const tables=document.querySelectorAll('.entry-content table');tables.forEach(table=>{if(table.parentElement.classList.contains('wp-block-table')||table.parentElement.classList.contains('fwx-table-responsive'))return;const wrapper=document.createElement('div');wrapper.className='fwx-table-responsive';table.parentNode.insertBefore(wrapper,table);wrapper.appendChild(table)})})</script> <template id="tp-language" data-tp-language="pt_BR"></template><script type="speculationrules">{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/fast-webx/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}</script> <script type="litespeed/javascript">(function(){function ehLinkAfiliado(href){return/amazon\.com|amzn\.to|mercadolivre\.com|mercadolibre\.com/i.test(href)} function detectarDispositivo(){var ua=navigator.userAgent||'';if(/tablet|ipad/i.test(ua))return'tablet';if(/mobile|android|iphone/i.test(ua))return'mobile';return'desktop'} var dispositivo=detectarDispositivo();var mapaPosicoes=new Map();(function calcularPosicoes(){var todosLinks=document.querySelectorAll('a[href]');var contador=0;todosLinks.forEach(function(a){if(ehLinkAfiliado(a.href)){contador++;mapaPosicoes.set(a,contador)}})})();(function registrarPageview(){var dadosView=new FormData();dadosView.append('action','registrar_pageview_afiliado');dadosView.append('pagina_url',window.location.href);dadosView.append('titulo_pagina',document.title);navigator.sendBeacon('https://techbytehub.com/wp-admin/admin-ajax.php',dadosView)})();document.addEventListener('click',function(e){var link=e.target.closest('a');if(!link||!link.href)return;var href=link.href;if(!ehLinkAfiliado(href))return;var ehAmazon=/amazon\.com|amzn\.to/i.test(href);var plataforma=ehAmazon?'amazon':'mercado_livre';var trackingId='';try{var url=new URL(href);trackingId=ehAmazon?(url.searchParams.get('tag')||'(sem-tag)'):(url.searchParams.get('matt_word')||'(sem-tag)')}catch(err){trackingId='(url-invalida)'} var posicao=mapaPosicoes.get(link)||0;var dados=new FormData();dados.append('action','registrar_clique_afiliado');dados.append('tracking_id',trackingId);dados.append('plataforma',plataforma);dados.append('url_destino',href);dados.append('pagina_origem',window.location.href);dados.append('titulo_pagina',document.title);dados.append('posicao_link',posicao);dados.append('dispositivo',dispositivo);navigator.sendBeacon('https://techbytehub.com/wp-admin/admin-ajax.php',dados)},!0)})()</script> <script id="googlesitekit-events-provider-content-events-js-before" type="litespeed/javascript">window._googlesitekit=window._googlesitekit||{};window._googlesitekit.contentEvents={"postID":4509149241,"isReadableSinglePost":!1,"hasVimeoEmbed":!1,"wordCount":0,"estimatedReadTimeSeconds":0,"isLastPageOfMultiPagePost":!1,"readTimeThresholdPercent":85,"minimumReadTimeSeconds":5}</script> <script type="litespeed/javascript">document.addEventListener('DOMContentLiteSpeedLoaded',function(){const toggleBtn=document.getElementById('fwx-dark-mode-toggle');if(toggleBtn){toggleBtn.addEventListener('click',function(){const currentTheme=document.documentElement.getAttribute('data-theme');if(currentTheme==='dark'){document.documentElement.removeAttribute('data-theme');localStorage.setItem('fwx_theme','light')}else{document.documentElement.setAttribute('data-theme','dark');localStorage.setItem('fwx_theme','dark')}})}})</script> <script id="webpushr-script" type="litespeed/javascript">(function(w,d,s,id){w.webpushr=w.webpushr||function(){(w.webpushr.q=w.webpushr.q||[]).push(arguments)};var js,fjs=d.getElementsByTagName(s)[0];js=d.createElement(s);js.async=1;js.id=id;js.src="https://cdn.webpushr.com/app.min.js";d.body.appendChild(js)}(window,document,'script','webpushr-jssdk'));webpushr('setup',{'key':'BCCZCHIQVhz1uq3V1Fq7DxN-TFKfxsGyXGiLivt1fzKVb4-cbBSVIOImolNDKHdv6bgPWMDZ6mPaSue-G4j30bM','sw':'/wp-content/plugins/webpushr-web-push-notifications/sdk_files/webpushr-sw.js.php'})</script> <script data-no-optimize="1">window.lazyLoadOptions=Object.assign({},{threshold:300},window.lazyLoadOptions||{});!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).LazyLoad=e()}(this,function(){"use strict";function e(){return(e=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,a=arguments[e];for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t}).apply(this,arguments)}function o(t){return e({},at,t)}function l(t,e){return t.getAttribute(gt+e)}function c(t){return l(t,vt)}function s(t,e){return function(t,e,n){e=gt+e;null!==n?t.setAttribute(e,n):t.removeAttribute(e)}(t,vt,e)}function i(t){return s(t,null),0}function r(t){return null===c(t)}function u(t){return c(t)===_t}function d(t,e,n,a){t&&(void 0===a?void 0===n?t(e):t(e,n):t(e,n,a))}function f(t,e){et?t.classList.add(e):t.className+=(t.className?" ":"")+e}function _(t,e){et?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\\s+)"+e+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")}function g(t){return t.llTempImage}function v(t,e){!e||(e=e._observer)&&e.unobserve(t)}function b(t,e){t&&(t.loadingCount+=e)}function p(t,e){t&&(t.toLoadCount=e)}function n(t){for(var e,n=[],a=0;e=t.children[a];a+=1)"SOURCE"===e.tagName&&n.push(e);return n}function h(t,e){(t=t.parentNode)&&"PICTURE"===t.tagName&&n(t).forEach(e)}function a(t,e){n(t).forEach(e)}function m(t){return!!t[lt]}function E(t){return t[lt]}function I(t){return delete t[lt]}function y(e,t){var n;m(e)||(n={},t.forEach(function(t){n[t]=e.getAttribute(t)}),e[lt]=n)}function L(a,t){var o;m(a)&&(o=E(a),t.forEach(function(t){var e,n;e=a,(t=o[n=t])?e.setAttribute(n,t):e.removeAttribute(n)}))}function k(t,e,n){f(t,e.class_loading),s(t,st),n&&(b(n,1),d(e.callback_loading,t,n))}function A(t,e,n){n&&t.setAttribute(e,n)}function O(t,e){A(t,rt,l(t,e.data_sizes)),A(t,it,l(t,e.data_srcset)),A(t,ot,l(t,e.data_src))}function w(t,e,n){var a=l(t,e.data_bg_multi),o=l(t,e.data_bg_multi_hidpi);(a=nt&&o?o:a)&&(t.style.backgroundImage=a,n=n,f(t=t,(e=e).class_applied),s(t,dt),n&&(e.unobserve_completed&&v(t,e),d(e.callback_applied,t,n)))}function x(t,e){!e||0<e.loadingCount||0<e.toLoadCount||d(t.callback_finish,e)}function M(t,e,n){t.addEventListener(e,n),t.llEvLisnrs[e]=n}function N(t){return!!t.llEvLisnrs}function z(t){if(N(t)){var e,n,a=t.llEvLisnrs;for(e in a){var o=a[e];n=e,o=o,t.removeEventListener(n,o)}delete t.llEvLisnrs}}function C(t,e,n){var a;delete t.llTempImage,b(n,-1),(a=n)&&--a.toLoadCount,_(t,e.class_loading),e.unobserve_completed&&v(t,n)}function R(i,r,c){var l=g(i)||i;N(l)||function(t,e,n){N(t)||(t.llEvLisnrs={});var a="VIDEO"===t.tagName?"loadeddata":"load";M(t,a,e),M(t,"error",n)}(l,function(t){var e,n,a,o;n=r,a=c,o=u(e=i),C(e,n,a),f(e,n.class_loaded),s(e,ut),d(n.callback_loaded,e,a),o||x(n,a),z(l)},function(t){var e,n,a,o;n=r,a=c,o=u(e=i),C(e,n,a),f(e,n.class_error),s(e,ft),d(n.callback_error,e,a),o||x(n,a),z(l)})}function T(t,e,n){var a,o,i,r,c;t.llTempImage=document.createElement("IMG"),R(t,e,n),m(c=t)||(c[lt]={backgroundImage:c.style.backgroundImage}),i=n,r=l(a=t,(o=e).data_bg),c=l(a,o.data_bg_hidpi),(r=nt&&c?c:r)&&(a.style.backgroundImage='url("'.concat(r,'")'),g(a).setAttribute(ot,r),k(a,o,i)),w(t,e,n)}function G(t,e,n){var a;R(t,e,n),a=e,e=n,(t=Et[(n=t).tagName])&&(t(n,a),k(n,a,e))}function D(t,e,n){var a;a=t,(-1<It.indexOf(a.tagName)?G:T)(t,e,n)}function S(t,e,n){var a;t.setAttribute("loading","lazy"),R(t,e,n),a=e,(e=Et[(n=t).tagName])&&e(n,a),s(t,_t)}function V(t){t.removeAttribute(ot),t.removeAttribute(it),t.removeAttribute(rt)}function j(t){h(t,function(t){L(t,mt)}),L(t,mt)}function F(t){var e;(e=yt[t.tagName])?e(t):m(e=t)&&(t=E(e),e.style.backgroundImage=t.backgroundImage)}function P(t,e){var n;F(t),n=e,r(e=t)||u(e)||(_(e,n.class_entered),_(e,n.class_exited),_(e,n.class_applied),_(e,n.class_loading),_(e,n.class_loaded),_(e,n.class_error)),i(t),I(t)}function U(t,e,n,a){var o;n.cancel_on_exit&&(c(t)!==st||"IMG"===t.tagName&&(z(t),h(o=t,function(t){V(t)}),V(o),j(t),_(t,n.class_loading),b(a,-1),i(t),d(n.callback_cancel,t,e,a)))}function $(t,e,n,a){var o,i,r=(i=t,0<=bt.indexOf(c(i)));s(t,"entered"),f(t,n.class_entered),_(t,n.class_exited),o=t,i=a,n.unobserve_entered&&v(o,i),d(n.callback_enter,t,e,a),r||D(t,n,a)}function q(t){return t.use_native&&"loading"in HTMLImageElement.prototype}function H(t,o,i){t.forEach(function(t){return(a=t).isIntersecting||0<a.intersectionRatio?$(t.target,t,o,i):(e=t.target,n=t,a=o,t=i,void(r(e)||(f(e,a.class_exited),U(e,n,a,t),d(a.callback_exit,e,n,t))));var e,n,a})}function B(e,n){var t;tt&&!q(e)&&(n._observer=new IntersectionObserver(function(t){H(t,e,n)},{root:(t=e).container===document?null:t.container,rootMargin:t.thresholds||t.threshold+"px"}))}function J(t){return Array.prototype.slice.call(t)}function K(t){return t.container.querySelectorAll(t.elements_selector)}function Q(t){return c(t)===ft}function W(t,e){return e=t||K(e),J(e).filter(r)}function X(e,t){var n;(n=K(e),J(n).filter(Q)).forEach(function(t){_(t,e.class_error),i(t)}),t.update()}function t(t,e){var n,a,t=o(t);this._settings=t,this.loadingCount=0,B(t,this),n=t,a=this,Y&&window.addEventListener("online",function(){X(n,a)}),this.update(e)}var Y="undefined"!=typeof window,Z=Y&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),tt=Y&&"IntersectionObserver"in window,et=Y&&"classList"in document.createElement("p"),nt=Y&&1<window.devicePixelRatio,at={elements_selector:".lazy",container:Z||Y?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_poster:"poster",class_applied:"applied",class_loading:"litespeed-loading",class_loaded:"litespeed-loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1},ot="src",it="srcset",rt="sizes",ct="poster",lt="llOriginalAttrs",st="loading",ut="loaded",dt="applied",ft="error",_t="native",gt="data-",vt="ll-status",bt=[st,ut,dt,ft],pt=[ot],ht=[ot,ct],mt=[ot,it,rt],Et={IMG:function(t,e){h(t,function(t){y(t,mt),O(t,e)}),y(t,mt),O(t,e)},IFRAME:function(t,e){y(t,pt),A(t,ot,l(t,e.data_src))},VIDEO:function(t,e){a(t,function(t){y(t,pt),A(t,ot,l(t,e.data_src))}),y(t,ht),A(t,ct,l(t,e.data_poster)),A(t,ot,l(t,e.data_src)),t.load()}},It=["IMG","IFRAME","VIDEO"],yt={IMG:j,IFRAME:function(t){L(t,pt)},VIDEO:function(t){a(t,function(t){L(t,pt)}),L(t,ht),t.load()}},Lt=["IMG","IFRAME","VIDEO"];return t.prototype={update:function(t){var e,n,a,o=this._settings,i=W(t,o);{if(p(this,i.length),!Z&&tt)return q(o)?(e=o,n=this,i.forEach(function(t){-1!==Lt.indexOf(t.tagName)&&S(t,e,n)}),void p(n,0)):(t=this._observer,o=i,t.disconnect(),a=t,void o.forEach(function(t){a.observe(t)}));this.loadAll(i)}},destroy:function(){this._observer&&this._observer.disconnect(),K(this._settings).forEach(function(t){I(t)}),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(t){var e=this,n=this._settings;W(t,n).forEach(function(t){v(t,e),D(t,n,e)})},restoreAll:function(){var e=this._settings;K(e).forEach(function(t){P(t,e)})}},t.load=function(t,e){e=o(e);D(t,e)},t.resetStatus=function(t){i(t)},t}),function(t,e){"use strict";function n(){e.body.classList.add("litespeed_lazyloaded")}function a(){console.log("[LiteSpeed] Start Lazy Load"),o=new LazyLoad(Object.assign({},t.lazyLoadOptions||{},{elements_selector:"[data-lazyloaded]",callback_finish:n})),i=function(){o.update()},t.MutationObserver&&new MutationObserver(i).observe(e.documentElement,{childList:!0,subtree:!0,attributes:!0})}var o,i;t.addEventListener?t.addEventListener("load",a,!1):t.attachEvent("onload",a)}(window,document);</script><script data-no-optimize="1">window.litespeed_ui_events=window.litespeed_ui_events||["mouseover","click","keydown","wheel","touchmove","touchstart","pointerup","pointerdown"];var urlCreator=window.URL||window.webkitURL;function litespeed_load_delayed_js_force(){console.log("[LiteSpeed] Start Load JS Delayed"),litespeed_ui_events.forEach(e=>{window.removeEventListener(e,litespeed_load_delayed_js_force,{passive:!0})}),document.querySelectorAll("iframe[data-litespeed-src]").forEach(e=>{e.setAttribute("src",e.getAttribute("data-litespeed-src"))}),"loading"==document.readyState?window.addEventListener("DOMContentLoaded",litespeed_load_delayed_js):litespeed_load_delayed_js()}litespeed_ui_events.forEach(e=>{window.addEventListener(e,litespeed_load_delayed_js_force,{passive:!0})});async function litespeed_load_delayed_js(){let t=[];for(var d in document.querySelectorAll('script[type="litespeed/javascript"]').forEach(e=>{t.push(e)}),t)await new Promise(e=>litespeed_load_one(t[d],e));document.dispatchEvent(new Event("DOMContentLiteSpeedLoaded")),window.dispatchEvent(new Event("DOMContentLiteSpeedLoaded"))}function litespeed_load_one(t,e){console.log("[LiteSpeed] Load ",t);function d(){o.src.startsWith("blob:")&&URL.revokeObjectURL(o.src),e()}var o=document.createElement("script");o.addEventListener("load",d),o.addEventListener("error",d),t.getAttributeNames().forEach(e=>{"type"!=e&&o.setAttribute("data-src"==e?"src":e,t.getAttribute(e))}),o.type="text/javascript",!o.src&&t.textContent&&(o.src=litespeed_inline2src(t.textContent)),t.after(o),t.remove()}function litespeed_inline2src(t){try{var d=urlCreator.createObjectURL(new Blob([t.replace(/^(?:)?$/gm,"$1")],{type:"text/javascript"}))}catch(e){d="data:text/javascript;base64,"+btoa(t.replace(/^(?:)?$/gm,"$1"))}return d}</script><script data-no-optimize="1">var litespeed_vary=document.cookie.replace(/(?:(?:^|.*;\s*)_lscache_vary\s*\=\s*([^;]*).*$)|^.*$/,"");litespeed_vary||(sessionStorage.getItem("litespeed_reloaded")?console.log("LiteSpeed: skipping guest vary reload (already reloaded this session)"):fetch("/wp-content/plugins/litespeed-cache/guest.vary.php",{method:"POST",cache:"no-cache",redirect:"follow"}).then(e=>e.json()).then(e=>{console.log(e),e.hasOwnProperty("reload")&&"yes"==e.reload&&(sessionStorage.setItem("litespeed_docref",document.referrer),sessionStorage.setItem("litespeed_reloaded","1"),window.location.reload(!0))}));</script><script data-optimized="1" type="litespeed/javascript" data-src="https://techbytehub.com/wp-content/litespeed/js/30f5036126a3cf2dda254d16fbca19bd.js?ver=7360f"></script></body></html>