Ecriture ton sur ton = texte invisible

Peu importe la couleur du fond, il suffit d'écrire avec la même couleur.

Triple-cliquez sur la zone rouge ci-dessus : la sélection révèle le texte.

Ce texte est invisible pour l'internaute qui utilise son navigateur dans les conditions standards.

Le texte ci-dessous est écrit dans la même couleur que celle du fond (teal).
Sélectionnez la zone qui a l'air vide ci-dessous.

Vanité des vanités, dit l'Ecclésiaste, vanité des vanités, tout est vanité. Quel avantage revient-il à l'homme de toute la peine qu'il se donne sous le soleil ? Une génération s'en va, une autre vient, et la terre subsiste toujours. Le soleil se lève, le soleil se couche; il soupire après le lieu d'où il se lève de nouveau.
Ici, on a utilisé un <span style="color:teal;"> mais ça aurait pu être un div ou n'importe quel conteneur de texte.
Le style aurait évidemment pu être écrit dans une classe d'une feuille css externe.

Le texte prend beaucoup de place. Il est très facile de rendre son encombrement plus discret en paramétrant la taille de la police de caractères, par exemple comme ceci :
<span style="color:teal;font-size:1px;">

Le même texte cache devient alors plus discret : Vanité des vanités, dit l'Ecclésiaste, vanité des vanités, tout est vanité. Quel avantage revient-il à l'homme de toute la peine qu'il se donne sous le soleil ? Une génération s'en va, une autre vient, et la terre subsiste toujours. Le soleil se lève, le soleil se couche; il soupire après le lieu d'où il se lève de nouveau. (sélectionnez l'espace vide).

Ce type de masquage est souvent utilisé dans les en-têtes et les pieds de page, là où l'internaute ne s'attend pas à trouver quoi que ce soit.

Et sur fond bigarré ?

Votre fond est une image, disons.

La couleur y change de pixel en pixel, impossible de trouver la nuance qui rendra le texte imperceptible.

Un caméléon posé sur votre fond exploserait ?
C'est le moment d'utiliser la couleur magique, celle de l'encre sympathique :
style="color:transparent;"

Masquer les liens

Pour masquer un lien, il convient d'en paramétrer le style de manière à ce qu'il se comporte de manière neutre et non pas comme les liens visibles de la page.
Une classe fera l'affaire.

Ce qui nous donnera ceci : > Exemple de lien caché < (survolez l'espace libre entre > et < avec le pointeur de la souris).

Rien vu ?

Même pas l'URL de destination dans la barre d'état ? :)
J'aurais pu désactiver la barre d'état uniquement pour ce lien-là mais bon, point trop n'en faut. Sélectionnez la zone, il y a quelque chose à cliquer :)

Allez, on la refait en ajoutant un title et un style="cursor:pointer;",
juste pour l'exemple : > Exemple de lien caché <