O que é HTML?
HTML, que significa HyperText Markup Language, é a linguagem padrão utilizada para criar e estruturar páginas na web. Ele fornece a base sobre a qual os conteúdos são organizados, permitindo que textos, imagens e outros elementos sejam apresentados de forma coesa e funcional. Através de tags e atributos, o HTML define a estrutura do documento, possibilitando a interação com outros recursos da web, como CSS e JavaScript.
Importância do uso de HTML
O uso de HTML é fundamental para o desenvolvimento web, pois ele serve como a espinha dorsal de qualquer site. Sem HTML, não haveria uma maneira eficaz de apresentar informações na internet. Ele não apenas organiza o conteúdo, mas também permite que os navegadores interpretem e exibam corretamente as páginas, garantindo uma experiência de usuário fluida e intuitiva.
Estrutura básica de um documento HTML
Um documento HTML típico começa com a declaração do tipo de documento, seguida pela tag , que envolve todo o conteúdo da página. Dentro dessa estrutura, encontramos as seções e . A seção contém metadados, como o título da página e links para estilos, enquanto a seção abriga o conteúdo visível, como textos, imagens e links. Essa organização é crucial para a correta renderização do site.
Tags HTML e sua funcionalidade
As tags HTML são os elementos que compõem a estrutura de uma página. Cada tag tem uma função específica, como
para títulos,
para parágrafos e para links. O uso adequado dessas tags não apenas melhora a legibilidade do código, mas também é essencial para a otimização em motores de busca (SEO), pois ajuda os algoritmos a entenderem a hierarquia e a relevância do conteúdo.
HTML e SEO
O uso de HTML é uma parte crucial da estratégia de SEO. Tags como
, e </p>
<h1> desempenham um papel vital na indexação e ranqueamento das páginas nos motores de busca. Um HTML bem estruturado facilita a leitura por parte dos bots de busca, aumentando a probabilidade de que o site apareça nas primeiras posições dos resultados de pesquisa. Portanto, a otimização do HTML é uma prática recomendada para qualquer desenvolvedor web.</p>
<h2>Interatividade com JavaScript</h2>
<p>Embora HTML forneça a estrutura básica de uma página, a interatividade é frequentemente adicionada através do JavaScript. Essa linguagem de programação permite que os desenvolvedores criem elementos dinâmicos, como formulários interativos e animações. O uso de HTML em conjunto com JavaScript resulta em experiências de usuário mais ricas e envolventes, tornando os sites mais atraentes e funcionais.</p>
<h2>CSS e a apresentação visual</h2>
<p>O HTML é frequentemente utilizado em conjunto com CSS (Cascading Style Sheets) para definir a apresentação visual das páginas. Enquanto o HTML estrutura o conteúdo, o CSS é responsável pela aparência, como cores, fontes e layout. Essa separação entre estrutura e estilo permite que os desenvolvedores mantenham o código mais organizado e fácil de gerenciar, além de possibilitar uma maior flexibilidade na atualização do design sem afetar a estrutura do conteúdo.</p>
<h2>Validação do HTML</h2>
<p>A validação do HTML é um processo importante que garante que o código esteja em conformidade com os padrões estabelecidos pelo W3C (World Wide Web Consortium). Através da validação, os desenvolvedores podem identificar e corrigir erros que podem afetar a funcionalidade e a acessibilidade do site. Um HTML validado não apenas melhora a experiência do usuário, mas também contribui para um melhor desempenho em SEO.</p>
<h2>HTML Responsivo</h2>
<p>Com o crescimento do uso de dispositivos móveis, o HTML responsivo se tornou uma prática essencial no desenvolvimento web. Essa abordagem permite que as páginas se adaptem a diferentes tamanhos de tela, garantindo que o conteúdo seja acessível e legível em qualquer dispositivo. O uso de técnicas como media queries em conjunto com HTML e CSS é fundamental para criar sites que ofereçam uma experiência consistente e agradável para todos os usuários.</p>
<h2>Futuro do HTML</h2>
<p>O HTML continua a evoluir, com novas versões sendo lançadas para atender às demandas crescentes da web moderna. O HTML5, por exemplo, introduziu novas funcionalidades, como suporte a vídeo e áudio nativos, além de melhorias na semântica do código. À medida que a tecnologia avança, o uso de HTML se tornará ainda mais integrado a outras tecnologias, como inteligência artificial e realidade aumentada, moldando o futuro da experiência online.</p>
</div>
</div>
<div class="elementor-element elementor-element-b549447 elementor-post-navigation-borders-yes elementor-widget elementor-widget-post-navigation" data-id="b549447" data-element_type="widget" data-widget_type="post-navigation.default">
<div class="elementor-widget-container">
<div class="elementor-post-navigation">
<div class="elementor-post-navigation__prev elementor-post-navigation__link">
<a href="https://estudioconato.com/glossario/o-que-e-up-selling-estrategia-de-vendas/" rel="prev"><span class="elementor-post-navigation__link__prev"><span class="post-navigation__prev--label">Anterior</span><span class="post-navigation__prev--title">O que é up-selling</span></span></a> </div>
<div class="elementor-post-navigation__separator-wrapper">
<div class="elementor-post-navigation__separator"></div>
</div>
<div class="elementor-post-navigation__next elementor-post-navigation__link">
<a href="https://estudioconato.com/glossario/o-que-e-utilizacao-de-css/" rel="next"><span class="elementor-post-navigation__link__next"><span class="post-navigation__next--label">Próximo</span><span class="post-navigation__next--title">O que é utilização de CSS</span></span></a> </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-45f6916 elementor-widget elementor-widget-html" data-id="45f6916" data-element_type="widget" data-widget_type="html.default">
<div class="elementor-widget-container">
<script type="rocketlazyloadscript">
window.onscroll = function() { updateProgressBar() };
function updateProgressBar() {
var scrollPosition = document.documentElement.scrollTop || document.body.scrollTop;
var scrollHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;
var scrollPercentage = (scrollPosition / scrollHeight) * 100;
document.getElementById("progressBar").style.width = scrollPercentage + "%";
}
</script> </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-90dc5cc e-con-full e-flex e-con e-child" data-id="90dc5cc" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-fbb99a5 elementor-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="fbb99a5" data-element_type="widget" data-widget_type="icon-list.default">
<div class="elementor-widget-container">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<span class="elementor-icon-list-text">🔥 Entre em contato conosco</span>
</li>
</ul>
</div>
</div>
<div class="elementor-element elementor-element-16a0c8f elementor-widget__width-inherit elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-widget elementor-widget-image-box" data-id="16a0c8f" data-element_type="widget" data-widget_type="image-box.default">
<div class="elementor-widget-container">
<div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><h3 class="elementor-image-box-title">Aumente a visibilidade da sua empresa e gere mais vendas</h3><p class="elementor-image-box-description">Fale conosco agora mesmo e saiba como aumentar as vendas do seu negócio.</p></div></div> </div>
</div>
<div class="elementor-element elementor-element-d70f707 elementor-widget__width-inherit elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit elementor-button-align-stretch elementor-widget elementor-widget-form" data-id="d70f707" data-element_type="widget" data-settings="{"step_next_label":"Pr\u00f3ximo","step_previous_label":"Anterior","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}" data-widget_type="form.default">
<div class="elementor-widget-container">
<form class="elementor-form" method="post" name="Novo formulário" novalidate="">
<input type="hidden" name="post_id" value="2323"/>
<input type="hidden" name="form_id" value="d70f707"/>
<input type="hidden" name="referer_title" value="O que é yardstick for conversion: Entenda agora" />
<input type="hidden" name="queried_id" value="4038"/>
<div class="elementor-form-fields-wrapper elementor-labels-">
<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-nome elementor-col-100 elementor-field-required">
<label for="form-field-nome" class="elementor-field-label elementor-screen-only">
Nome </label>
<input size="1" type="text" name="form_fields[nome]" id="form-field-nome" class="elementor-field elementor-size-md elementor-field-textual" placeholder="Digite o seu nome" required="required" aria-required="true">
</div>
<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-tel1 elementor-col-100 elementor-field-required">
<label for="form-field-tel1" class="elementor-field-label elementor-screen-only">
WhatsApp </label>
<input size="1" type="text" name="form_fields[tel1]" id="form-field-tel1" class="elementor-field elementor-size-md elementor-field-textual" placeholder="WhatsApp com DDD" required="required" aria-required="true">
</div>
<div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons">
<button class="elementor-button elementor-size-md" type="submit">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">Falar com especialista</span>
</span>
</button>
</div>
</div>
</form>
</div>
</div>
<div class="elementor-element elementor-element-99ec42b elementor-widget elementor-widget-image" data-id="99ec42b" data-element_type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img width="521" height="438" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20521%20438'%3E%3C/svg%3E" class="attachment-large size-large wp-image-1729" alt="" data-lazy-src="https://estudioconato.com/wp-content/uploads/2024/11/visit-img.svg" /><noscript><img width="521" height="438" src="https://estudioconato.com/wp-content/uploads/2024/11/visit-img.svg" class="attachment-large size-large wp-image-1729" alt="" /></noscript> </div>
</div>
</div>
<div class="elementor-element elementor-element-8454b79 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child" data-id="8454b79" data-element_type="container" data-settings="{"background_background":"classic","position":"absolute","sticky":"top","sticky_on":["desktop"],"sticky_offset":150,"animation":"none","sticky_effects_offset":0,"sticky_anchor_link_offset":0}">
<div class="elementor-element elementor-element-f525e3d elementor-share-buttons--view-icon elementor-share-buttons--skin-minimal elementor-share-buttons--shape-rounded elementor-grid-1 elementor-share-buttons--color-custom elementor-widget elementor-widget-share-buttons" data-id="f525e3d" data-element_type="widget" data-widget_type="share-buttons.default">
<div class="elementor-widget-container">
<div class="elementor-grid">
<div class="elementor-grid-item">
<div
class="elementor-share-btn elementor-share-btn_facebook"
role="button"
tabindex="0"
aria-label="Compartilhar no facebook"
>
<span class="elementor-share-btn__icon">
<svg class="e-font-icon-svg e-fab-facebook" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"></path></svg> </span>
</div>
</div>
<div class="elementor-grid-item">
<div
class="elementor-share-btn elementor-share-btn_linkedin"
role="button"
tabindex="0"
aria-label="Compartilhar no linkedin"
>
<span class="elementor-share-btn__icon">
<svg class="e-font-icon-svg e-fab-linkedin" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg> </span>
</div>
</div>
<div class="elementor-grid-item">
<div
class="elementor-share-btn elementor-share-btn_email"
role="button"
tabindex="0"
aria-label="Compartilhar no email"
>
<span class="elementor-share-btn__icon">
<svg class="e-font-icon-svg e-fas-envelope" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg> </span>
</div>
</div>
<div class="elementor-grid-item">
<div
class="elementor-share-btn elementor-share-btn_x-twitter"
role="button"
tabindex="0"
aria-label="Compartilhar no x-twitter"
>
<span class="elementor-share-btn__icon">
<svg class="e-font-icon-svg e-fab-x-twitter" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg> </span>
</div>
</div>
<div class="elementor-grid-item">
<div
class="elementor-share-btn elementor-share-btn_threads"
role="button"
tabindex="0"
aria-label="Compartilhar no threads"
>
<span class="elementor-share-btn__icon">
<svg class="e-font-icon-svg e-fab-threads" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M331.5 235.7c2.2 .9 4.2 1.9 6.3 2.8c29.2 14.1 50.6 35.2 61.8 61.4c15.7 36.5 17.2 95.8-30.3 143.2c-36.2 36.2-80.3 52.5-142.6 53h-.3c-70.2-.5-124.1-24.1-160.4-70.2c-32.3-41-48.9-98.1-49.5-169.6V256v-.2C17 184.3 33.6 127.2 65.9 86.2C102.2 40.1 156.2 16.5 226.4 16h.3c70.3 .5 124.9 24 162.3 69.9c18.4 22.7 32 50 40.6 81.7l-40.4 10.8c-7.1-25.8-17.8-47.8-32.2-65.4c-29.2-35.8-73-54.2-130.5-54.6c-57 .5-100.1 18.8-128.2 54.4C72.1 146.1 58.5 194.3 58 256c.5 61.7 14.1 109.9 40.3 143.3c28 35.6 71.2 53.9 128.2 54.4c51.4-.4 85.4-12.6 113.7-40.9c32.3-32.2 31.7-71.8 21.4-95.9c-6.1-14.2-17.1-26-31.9-34.9c-3.7 26.9-11.8 48.3-24.7 64.8c-17.1 21.8-41.4 33.6-72.7 35.3c-23.6 1.3-46.3-4.4-63.9-16c-20.8-13.8-33-34.8-34.3-59.3c-2.5-48.3 35.7-83 95.2-86.4c21.1-1.2 40.9-.3 59.2 2.8c-2.4-14.8-7.3-26.6-14.6-35.2c-10-11.7-25.6-17.7-46.2-17.8H227c-16.6 0-39 4.6-53.3 26.3l-34.4-23.6c19.2-29.1 50.3-45.1 87.8-45.1h.8c62.6 .4 99.9 39.5 103.7 107.7l-.2 .2zm-156 68.8c1.3 25.1 28.4 36.8 54.6 35.3c25.6-1.4 54.6-11.4 59.5-73.2c-13.2-2.9-27.8-4.4-43.4-4.4c-4.8 0-9.6 .1-14.4 .4c-42.9 2.4-57.2 23.2-56.2 41.8l-.1 .1z"></path></svg> </span>
</div>
</div>
<div class="elementor-grid-item">
<div
class="elementor-share-btn elementor-share-btn_whatsapp"
role="button"
tabindex="0"
aria-label="Compartilhar no whatsapp"
>
<span class="elementor-share-btn__icon">
<svg class="e-font-icon-svg e-fab-whatsapp" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path></svg> </span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-elementor-type="footer" data-elementor-id="1787" class="elementor elementor-1787 elementor-location-footer" data-elementor-post-type="elementor_library">
<div class="elementor-element elementor-element-16f337a e-flex e-con-boxed e-con e-parent" data-id="16f337a" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-76ad4ff elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="76ad4ff" data-element_type="widget" data-widget_type="divider.default">
<div class="elementor-widget-container">
<div class="elementor-divider">
<span class="elementor-divider-separator">
</span>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-74d9906 e-flex e-con-boxed e-con e-parent" data-id="74d9906" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-324829d elementor-widget elementor-widget-text-editor" data-id="324829d" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Estúdio Conato – 2025 © All rights reserved</p> </div>
</div>
<div class="elementor-element elementor-element-fe67617 elementor-widget elementor-widget-text-editor" data-id="fe67617" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Acesse nossa <span style="color: #333333;"><a style="color: #333333;" href="https://estudioconato.com/politica-de-privacidade/" target="_blank" rel="noopener">Política de Privacidade</a></span></p> </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-3836a14 e-con-full e-flex e-con e-parent" data-id="3836a14" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-a9eb5e0 elementor-widget elementor-widget-html" data-id="a9eb5e0" data-element_type="widget" data-widget_type="html.default">
<div class="elementor-widget-container">
<script type="rocketlazyloadscript">
const phoneInput1 = document.getElementById('form-field-tel1');
const phoneInput2 = document.getElementById('form-field-tel2');
function applyPhoneMask(inputElement) {
inputElement.addEventListener('input', function() {
let phone = inputElement.value;
phone = phone.replace(/\D/g, ''); // Remove tudo que não é dígito
phone = phone.substring(0, 11); // Limita o tamanho do telefone
if (phone.length > 0) {
phone = '(' + phone;
}
if (phone.length > 3) {
phone = [phone.slice(0, 3), ') ', phone.slice(3)].join('');
}
if (phone.length > 10) {
phone = [phone.slice(0, 10), '-', phone.slice(10)].join('');
}
inputElement.value = phone;
});
}
applyPhoneMask(phoneInput1);
applyPhoneMask(phoneInput2);
</script>
<script type="rocketlazyloadscript">
// Obtém a referência para o elemento de entrada
const inputElement = document.getElementById('form-field-tel1');
// Define o valor do atributo inputmode como "numeric"
inputElement.setAttribute('inputmode', 'numeric');
</script>
</div>
</div>
</div>
</div>
<script type="rocketlazyloadscript" data-rocket-type='text/javascript'>
const lazyloadRunObserver = () => {
const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
entries.forEach( ( entry ) => {
if ( entry.isIntersecting ) {
let lazyloadBackground = entry.target;
if( lazyloadBackground ) {
lazyloadBackground.classList.add( 'e-lazyloaded' );
}
lazyloadBackgroundObserver.unobserve( entry.target );
}
});
}, { rootMargin: '200px 0px 200px 0px' } );
lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
lazyloadBackgroundObserver.observe( lazyloadBackground );
} );
};
const events = [
'DOMContentLoaded',
'elementor/lazyload/observe',
];
events.forEach( ( event ) => {
document.addEventListener( event, lazyloadRunObserver );
} );
</script>
<link rel='stylesheet' id='e-sticky-css' href='https://estudioconato.com/wp-content/plugins/elementor-pro/assets/css/modules/sticky.min.css?ver=3.26.3' media='all' />
<script type="rocketlazyloadscript" id="rocket-browser-checker-js-after">
"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
</script>
<script id="rocket-preload-links-js-extra">
var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/estudioconato.com","onHoverDelay":"100","rateThrottle":"3"};
</script>
<script type="rocketlazyloadscript" id="rocket-preload-links-js-after">
(function() {
"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
}());
</script>
<script id="rocket_lazyload_css-js-extra">
var rocket_lazyload_css_data = {"threshold":"300"};
</script>
<script id="rocket_lazyload_css-js-after">
!function o(n,c,a){function u(t,e){if(!c[t]){if(!n[t]){var r="function"==typeof require&&require;if(!e&&r)return r(t,!0);if(s)return s(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}r=c[t]={exports:{}},n[t][0].call(r.exports,function(e){return u(n[t][1][e]||e)},r,r.exports,o,n,c,a)}return c[t].exports}for(var s="function"==typeof require&&require,e=0;e<a.length;e++)u(a[e]);return u}({1:[function(e,t,r){"use strict";{const c="undefined"==typeof rocket_pairs?[]:rocket_pairs,a=(("undefined"==typeof rocket_excluded_pairs?[]:rocket_excluded_pairs).map(t=>{var e=t.selector;document.querySelectorAll(e).forEach(e=>{e.setAttribute("data-rocket-lazy-bg-"+t.hash,"excluded")})}),document.querySelector("#wpr-lazyload-bg-container"));var o=rocket_lazyload_css_data.threshold||300;const u=new IntersectionObserver(e=>{e.forEach(t=>{t.isIntersecting&&c.filter(e=>t.target.matches(e.selector)).map(t=>{var e;t&&((e=document.createElement("style")).textContent=t.style,a.insertAdjacentElement("afterend",e),t.elements.forEach(e=>{u.unobserve(e),e.setAttribute("data-rocket-lazy-bg-"+t.hash,"loaded")}))})})},{rootMargin:o+"px"});function n(){0<(0<arguments.length&&void 0!==arguments[0]?arguments[0]:[]).length&&c.forEach(t=>{try{document.querySelectorAll(t.selector).forEach(e=>{"loaded"!==e.getAttribute("data-rocket-lazy-bg-"+t.hash)&&"excluded"!==e.getAttribute("data-rocket-lazy-bg-"+t.hash)&&(u.observe(e),(t.elements||=[]).push(e))})}catch(e){console.error(e)}})}n(),function(){const r=window.MutationObserver;return function(e,t){if(e&&1===e.nodeType)return(t=new r(t)).observe(e,{attributes:!0,childList:!0,subtree:!0}),t}}()(document.querySelector("body"),n)}},{}]},{},[1]);
</script>
<script type="rocketlazyloadscript" data-rocket-src="https://estudioconato.com/wp-content/themes/hello-elementor/assets/js/hello-frontend.min.js?ver=3.2.1" id="hello-theme-frontend-js" data-rocket-defer defer></script>
<script type="rocketlazyloadscript" data-rocket-src="https://estudioconato.com/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js?ver=3.26.3" id="e-sticky-js" data-rocket-defer defer></script>
<script type="rocketlazyloadscript" data-rocket-src="https://estudioconato.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.26.3" id="elementor-pro-webpack-runtime-js" data-rocket-defer defer></script>
<script type="rocketlazyloadscript" data-rocket-src="https://estudioconato.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.26.4" id="elementor-webpack-runtime-js" data-rocket-defer defer></script>
<script type="rocketlazyloadscript" data-rocket-src="https://estudioconato.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.26.4" id="elementor-frontend-modules-js" data-rocket-defer defer></script>
<script type="rocketlazyloadscript" data-rocket-src="https://estudioconato.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script>
<script type="rocketlazyloadscript" data-rocket-src="https://estudioconato.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
<script type="rocketlazyloadscript" id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
</script>
<script type="rocketlazyloadscript" id="elementor-pro-frontend-js-before">
var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/estudioconato.com\/wp-admin\/admin-ajax.php","nonce":"efbcf62ff0","urls":{"assets":"https:\/\/estudioconato.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/estudioconato.com\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":true},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"pt_BR","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/estudioconato.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};
</script>
<script type="rocketlazyloadscript" data-rocket-src="https://estudioconato.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.26.3" id="elementor-pro-frontend-js" data-rocket-defer defer></script>
<script type="rocketlazyloadscript" data-rocket-src="https://estudioconato.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js" data-rocket-defer defer></script>
<script type="rocketlazyloadscript" id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Compartilhar no Facebook","shareOnTwitter":"Compartilhar no Twitter","pinIt":"Fixar","download":"Baixar","downloadImage":"Baixar imagem","fullscreen":"Tela cheia","zoom":"Zoom","share":"Compartilhar","playVideo":"Reproduzir v\u00eddeo","previous":"Anterior","next":"Pr\u00f3ximo","close":"Fechar","a11yCarouselPrevSlideMessage":"Slide anterior","a11yCarouselNextSlideMessage":"Pr\u00f3ximo slide","a11yCarouselFirstSlideMessage":"Este \u00e9 o primeiro slide","a11yCarouselLastSlideMessage":"Este \u00e9 o \u00faltimo slide","a11yCarouselPaginationBulletMessage":"Ir para o slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Dispositivos m\u00f3veis no modo retrato","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Dispositivos m\u00f3veis no modo paisagem","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet no modo retrato","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet no modo paisagem","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Notebook","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Tela ampla (widescreen)","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.26.4","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_swiper_latest":true,"e_nested_atomic_repeaters":true,"e_onboarding":true,"e_css_smooth_scroll":true,"theme_builder_v2":true,"hello-theme-header-footer":true,"home_screen":true,"nested-elements":true,"editor_v2":true,"e_element_cache":true,"link-in-bio":true,"floating-buttons":true},"urls":{"assets":"https:\/\/estudioconato.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/estudioconato.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/estudioconato.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"6a631ce2e2"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","hello_header_logo_type":"title","hello_header_menu_layout":"horizontal","hello_footer_logo_type":"logo"},"post":{"id":3772,"title":"O%20que%20%C3%A9%20uso%20de%20HTML%3A%20Entenda%20sua%20Import%C3%A2ncia","excerpt":"","featuredImage":false}};
</script>
<script type="rocketlazyloadscript" data-rocket-src="https://estudioconato.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.26.4" id="elementor-frontend-js" data-rocket-defer defer></script>
<script type="rocketlazyloadscript" data-rocket-src="https://estudioconato.com/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.26.3" id="pro-elements-handlers-js" data-rocket-defer defer></script>
<script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://estudioconato.com/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script><script>function lazyLoadThumb(e,alt,l){var t='<img data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<button class="play" aria-label="play Youtube video"></button>';if(l){t=t.replace('data-lazy-','');t=t.replace('loading="lazy"','');t=t.replace(/<noscript>.*?<\/noscript>/g,'');}t=t.replace('alt=""','alt="'+alt+'"');return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?"":"&"+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var exclusions=[];var e,t,p,u,l,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)(e=document.createElement("div")),(u='https://i.ytimg.com/vi/ID/hqdefault.jpg'),(u=u.replace('ID',a[t].dataset.id)),(l=exclusions.some(exclusion=>u.includes(exclusion))),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query",a[t].dataset.query),e.setAttribute("data-src",a[t].dataset.src),(e.innerHTML=lazyLoadThumb(a[t].dataset.id,a[t].dataset.alt,l)),a[t].appendChild(e),(p=e.querySelector(".play")),(p.onclick=lazyLoadYoutubeIframe)});</script>
<script>var rocket_beacon_data = {"ajax_url":"https:\/\/estudioconato.com\/wp-admin\/admin-ajax.php","nonce":"fc3a29f7e2","url":"https:\/\/estudioconato.com\/glossario\/o-que-e-uso-de-html-entenda-sua-importancia","is_mobile":false,"width_threshold":1600,"height_threshold":700,"delay":500,"debug":null,"status":{"atf":true,"lrc":true},"elements":"img, video, picture, p, main, div, li, svg, section, header, span","lrc_threshold":1800}</script><script data-name="wpr-wpr-beacon" src='https://estudioconato.com/wp-content/plugins/wp-rocket/assets/js/wpr-beacon.min.js' async></script><script>class RocketElementorAnimation{constructor(){this.deviceMode=document.createElement("span"),this.deviceMode.id="elementor-device-mode-wpr",this.deviceMode.setAttribute("class","elementor-screen-only"),document.body.appendChild(this.deviceMode)}_detectAnimations(){let t=getComputedStyle(this.deviceMode,":after").content.replace(/"/g,"");this.animationSettingKeys=this._listAnimationSettingsKeys(t),document.querySelectorAll(".elementor-invisible[data-settings]").forEach(t=>{const e=t.getBoundingClientRect();if(e.bottom>=0&&e.top<=window.innerHeight)try{this._animateElement(t)}catch(t){}})}_animateElement(t){const e=JSON.parse(t.dataset.settings),i=e._animation_delay||e.animation_delay||0,n=e[this.animationSettingKeys.find(t=>e[t])];if("none"===n)return void t.classList.remove("elementor-invisible");t.classList.remove(n),this.currentAnimation&&t.classList.remove(this.currentAnimation),this.currentAnimation=n;let s=setTimeout(()=>{t.classList.remove("elementor-invisible"),t.classList.add("animated",n),this._removeAnimationSettings(t,e)},i);window.addEventListener("rocket-startLoading",function(){clearTimeout(s)})}_listAnimationSettingsKeys(t="mobile"){const e=[""];switch(t){case"mobile":e.unshift("_mobile");case"tablet":e.unshift("_tablet");case"desktop":e.unshift("_desktop")}const i=[];return["animation","_animation"].forEach(t=>{e.forEach(e=>{i.push(t+e)})}),i}_removeAnimationSettings(t,e){this._listAnimationSettingsKeys().forEach(t=>delete e[t]),t.dataset.settings=JSON.stringify(e)}static run(){const t=new RocketElementorAnimation;requestAnimationFrame(t._detectAnimations.bind(t))}}document.addEventListener("DOMContentLoaded",RocketElementorAnimation.run);</script></body>
</html>
<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me --> 