Come nascondere Visitato collegamenti HTML

April 26

È possibile utilizzare la "a: visited" selettore di pseudo-classe per applicare stili CSS per i collegamenti che un utente ha già visitato. Tuttavia, molti siti web hanno utilizzato questa capacità in vari modi di abbattere il contenuto di cronologie di navigazione web degli utenti. In risposta a questo, i browser Web hanno notevolmente limitato la "a: visited" pseudo classe e cambiato il comportamento di alcune routine JavaScript per prevenire questi exploit. La cosa migliore per nascondere i link visitati nella pagina Web è quello di cambiare il loro colore per abbinare il colore di sfondo della pagina; essi saranno ancora cliccabile e occupano spazio sulla pagina, ma non saranno visibili.

istruzione

1 Inserire il codice seguente tra i tag "testa" del documento HTML:

<Style type = "text / css">

a: visited {color: white;}

body {background-color: white;}

</ Style>

Sostituire qualsiasi colore CSS valido per "bianco" per scegliere il colore di sfondo della pagina. Ad esempio, è possibile utilizzare valori RGB come "rgb (0,255,0)" e valori esadecimali come "# 00FF00".

2 Aggiungere una classe CSS per tutti gli altri elementi che possono contenere tag di ancoraggio, specificando lo stesso valore per la proprietà "background-color". Il seguente esempio può essere aggiunto ai tag "stile" nel codice da Passo 1:

.linkContainer {background-color: white;}

Qualsiasi elemento opaco nel corpo del documento HTML dovrebbe includere "linkContainer" nel suo attributo "class" se avrà i link al suo interno.

3 Rimuovere il "background" e "bgcolor" attributi dal tag "corpo", se sono presenti.

4 Salvare il documento HTML, poi caricarlo in un browser Web. Fare clic su un link, per poi tornare alla tua pagina e vedere che il link che hai visitato non è visibile.