Afficher une image au lieu d’un texte (en CSS)

Remarque liminaire : La technique suivante ne devrait être utilisée que dans des cas très précis, nous aurons l’occasion d’en aborder certains prochainement.

Condition : Le texte doit être délimité par une balise HTML (<span> ou une autre).

Exemple:

<div class="headerMain">
  <h1><a href="http://www.vdigital.org/sharing">Qu&#039;une petite étincelle brille au fond de vos yeux !</a></h1>
</div>

Quelques uns des avantages de cette astuce :

– L’absence de script assure un affichage immédiat avec les autres éléments de la page.
– Le HTML d’origine reste simple, sans aucune modification.
– S’il s’agit d’un lien, il demeure utilisable.
– Pour les moteurs de recherche, le texte étant présent c’est lui qui est analysé et référencé.
– En contre partie, l’image ne sera pas référencée.

Continuer la lecture de « Afficher une image au lieu d’un texte (en CSS) »