Cómo hacer un texto invisible en código HTML

Escrito por lysis | Traducido por contributing writer
  • Comparte
  • Twittea
  • Comparte
  • E-mail

Varias etiquetas de HTML vienen con la propiedad llamada "visibility". Un elemento que tiene este estilo es la etiqueta div que es un contenedor que sostiene texto e imágenes en un lugar seguro de la página web. Puedes utilizar esta etiqueta para esconder el texto. Rodea tus bloques de texto con una etiqueta div y los usuarios no lo verán. Esto es útil cuando quieres hacer un menú o página dinámica que no muestre la información hasta que el usuario haga clic en un botón o vínculo.

Otras personas están leyendo

Instrucciones

  1. 1

    Abre tu página web en un editor de texto que puede ser alguno simple como "Bloc de notas" o uno más avanzado como Notepad++ o Visual Studio.

  2. 2

    Pon la etiqueta div en la sección de la página en donde quieres colocar el texto. El código colocado en la etiqueta con la propiedad de visibilidad es:

    <div style="visibility: hidden"> </div>

  3. 3

    Ingresa algún texto sin la etiqueta div. Con el propósito de probar, ingresa "Mi texto escondido" sin la etiqueta. Tu código debería parecerse al siguiente:

    <div style="visibility: hidden">Mi texto escondido</div>

  4. 4

    Graba el archivo y ábrelo con tu navegador. No se mostrará ningún texto en el navegador incluso aunque pueda ser visto en el código presentado.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles