Cómo ocultar los enlaces HTML Visitado

Se puede utilizar el "a: visited" selector de pseudo-clase para aplicar estilos CSS a los enlaces que el usuario ya ha visitado. Sin embargo, muchos sitios web han utilizado esta capacidad en diversas formas de sacrificar el contenido de historiales de navegación web de los usuarios. En respuesta a esto, los navegadores web han limitado significativamente la "a: visited" pseudo clase y le cambió el comportamiento de ciertas rutinas JavaScript para prevenir estas hazañas. Su mejor opción para ocultar los enlaces visitados en su página web es para cambiar su color para que coincida con el color de fondo de la página; que todavía se podrá hacer clic y ocupan espacio en la página, pero no serán visibles.

Instrucciones

1 Coloque el código siguiente entre las etiquetas "cabeza" de su documento HTML:

<Style type = "text / css">

a: visited {color: blanco;}

body {background-color: blanco;}

</ Style>

Sustituir cualquier color CSS válido para "blanco" para elegir el color de fondo de la página. Por ejemplo, se puede utilizar como valores RGB "RGB (0,255,0)" y los valores hexadecimales como "# 00FF00".

2 Añadir una clase CSS para cualesquiera otros elementos que pueden contener etiquetas de anclaje, que especifica el mismo valor para la propiedad "background-color". El siguiente ejemplo se puede añadir a las etiquetas de "estilo" en el código de la Etapa 1:

.linkContainer {background-color: blanco;}

Cualquier elemento opaco en el cuerpo del documento HTML debe incluir "linkContainer" en su atributo "clase" si tendrá enlaces dentro de ella.

3 Retire el "fondo" y "bgcolor" atributos de la etiqueta de "cuerpo", si están presentes.

4 Guarde el documento HTML, luego cargarla en un navegador Web. Haga clic en un enlace, y luego volver a su página y ver que el vínculo que ha visitado no es visible.