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

Escrito por lysis | Traducido por contributing writer

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.

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.

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