Como tornar invisível o texto no código HTML

Escrito por lysis | Traduzido por paula mangia garcia terra
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como tornar invisível o texto no código HTML
Como tornar invisível o texto no código HTML (3d http image by Mauro Saivezzo from Fotolia.com)

Várias tags HTML vêm com uma propriedade chamada "visibilidade". Um elemento que possui este estilo é a tag div. Esta tag é um recipiente que contém texto e imagens em um determinado local em uma página web. Você pode usá-la para ocultar o texto em uma página. Circunde seus blocos de texto com uma tag div e eles ficarão escondidos. Isto é útil quando você quer fazer um menu ou página dinâmica que não mostra informações até o usuário clicar em um botão ou link.

Nível de dificuldade:
Moderado

Outras pessoas estão lendo

Instruções

  1. 1

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

  2. 2

    Coloque uma tag div na seção da página onde você deseja colocar o texto. O código abaixo coloca uma tag div com a propriedade de visibilidade definida como oculta: <div style="visibility: hidden"> </div>

  3. 3

    Digite algum texto dentro da tag div. Para testar, digite "Meu texto oculto" dentro da tag. Seu código deverá estar conforme segue: <div style="visibility: hidden">Meu texto oculto</div>

  4. 4

    Salve o arquivo e abra-o com seu navegador. Embora ele possa ser visto no código apresentado, nenhum texto é mostrado no navegador.

Não perca

Referências

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível