como deixar texto invisível no html?

No HTML existe um atributo booleano chamado hidden que serve para ocultar o elemento que ele está contido.

Exemplo

<div hidden>Este texto não será mostrado no navegador.</div>

Onde usar o hidden?

Esse é um atributo global então pode ser usado em qualquer elemento HTML. No exemplo acima é usado uma <div>, mas poderia ser <span>, <h1>, <h2>, <h3>, <p> ou qualquer outro.

Quando usar o hidden?

O atributo hidden pode ser usado para ocultar elementos que serão mostrados após alguma ação, ou ocultar elementos após uma.
Também pode ser usado para conteúdos descritivo para tecnologia assistiva, como usado em leitores de tela, muito usado para acessibilidade.



Como tornar texto invisível com CSS?
Como tornar caractere invisível no HTML?
Como ocultar ou mostrar elemento com javascript?
O que é DOM em HTML?

Seja bem vindo ao blog Espaço HTML

Com dicas que vão direto ao ponto sobre html

Quer deixar seu site mais profissional e memorável?

Aprenda a criar e adicionar um favicon personalizado em poucos passos. Descubra como esse pequeno ícone pode fazer toda a diferença na identidade da sua marca.

Para que serve o atributo loading="lazy" em imagens e iframes?

É o adiamento e eventualmente dispensa do carregamento de imagens que o usuário não irá visualizar imediatamente. Serve para melhorar a experiência de usuários com internet ruim e assim otimizar o SEO.

Desenvolvimento Web: Desvendando os Segredos da CSS, HTML e JS

Vamos desvendar juntos como essas linguagens fundamentais se combinam para criar não apenas estética visual, mas também uma presença online otimizada e impactante.

Cores para HTML: Desvendando o Universo das Cores em um Guia Completo para Design Visual e SEO Eficiente

Explore as infinitas possibilidades de design no HTML, desvendando os segredos das cores que cativam visitantes e elevam seu site nos rankings de busca.

Explorando o Universo da Codificação HTML: Caracteres Especiais, Entidades, Elementos, Números e Símbolos

Descubra o poder oculto por trás da codificação HTML: desde a elegância dos caracteres especiais até a versatilidade das entidades, elementos, números e símbolos.

Como dar espaço em html?

Desvende os truques do espaçamento em HTML e CSS com esta lista imperdível de 10 itens. A surpresa do número 6 vai redefinir suas noções de design web!

Exemplo de Aviso de Cookies Verificação de AdBlock