Cómo agregar texto oculto dentro de una página HTML

Hay algunos momentos en los que, en el desarrollo de un sitio web, que desea agregar un bloque de texto que los usuarios normales no verán. Si el texto es sus notas como un desarrollador, información para otros codificadores, o simplemente un huevo de Pascua para los afortunados de encontrar, hay varias maneras de ir sobre la creación de texto oculto en un documento HTML, ninguno de los cuales son terriblemente difícil de lograr.

Instrucciones

HTML comentario

1 Crear una línea en blanco en el documento HTML con la tecla INTRO.

2 Crear una etiqueta de comentario HTML en la línea en blanco. La etiqueta de comentario es el siguiente: <! ---->. No es necesario para crear una etiqueta de cierre.

3 Añadir el texto que desea escondido en el documento en entre los dos primeros y los dos últimos guiones en la etiqueta de comentario. Se debe tener este aspecto: <! - Comentarios ->. El comentario será visible para cualquiera que busque en el código fuente, pero los navegadores lo ignorará.

CSS comentario

4 Añadir un espacio extra para ningún tipo de codificación CSS incrustado en el documento HTML (etiquetas HTML con atributos de estilo, por ejemplo).

5 Crear etiquetas de comentario CSS en el espacio extra. Las etiquetas tienen el siguiente aspecto: / ** /.

6 Añadir el texto que desea escondido entre los dos asteriscos. El navegador ignorará el texto, pero sólo si se coloca dentro de CSS incrustado. Por ejemplo, si el comentario se colocó en una etiqueta de párrafo con un atributo de estilo CSS, la etiqueta podría tener este aspecto: <p style = "color: blue" /

Comentario />.

Texto invisible

7 Escriba el texto que desea ocultar como un bloque normal de texto en el documento HTML, rodeado por las etiquetas de párrafo. Se debe tener este aspecto: <p> texto </ p>.

8 Añadir un espacio después de la p en la etiqueta de párrafo inicial e introduzca el código de estilo = "color:" en él. Se debe tener este aspecto: <p style = "color:"> texto </ p>.

9 Añadir un nombre de color (o un código hexadecimal o el valor RGB) tras los dos puntos para hacer el color del texto que coincida con el color de fondo del sitio. Por ejemplo, para que el texto sea invisible sobre un fondo blanco, el código se vería así: <p style = "color: blanco"> texto </ p>. Esto hará que el texto invisible para el usuario, a menos que resaltar que, ocultando eficazmente.