>> Tecnologia Eletrônica >  >> Casa Inteligente >> Vida Inteligente

Como Tornar Texto Invisível no Código HTML

Várias tags HTML têm a propriedade "visibility". Um elemento com esse estilo é a tag div. A tag div é um contêiner que posiciona texto e imagens na página. Você pode usá-la para ocultar texto. Envolva seus blocos de texto com uma tag div com visibility:hidden e eles ficam ocultos dos usuários. Útil para menus ou páginas dinâmicas que mostram informação só ao clicar botão ou link.

Passo 1

Abra sua página web em um editor de texto. Pode ser o Bloco de Notas ou editores avançados como Notepad++ ou Visual Studio.

Passo 2

Coloque uma tag div na seção onde quer o texto. O código abaixo cria uma div com visibility:hidden:

<div style="visibility:hidden">

Passo 3

Insira o texto dentro da tag div. Para teste, use "Meu Texto Oculto". Seu código ficará assim:

<div style="visibility:hidden">Meu Texto Oculto</div>

Passo 4

Salve o arquivo e abra no navegador. Nenhum texto aparece, embora esteja no código renderizado.