CSS permet de générer du contenu dynamiquement grâce à la propriété Content. Ce genre de technique est à utiliser avec parcimonie car le contenu généré ne s'affichera pas sur les navigateurs sans styles CSS.
Cependant, dans notre cas, cela nous arrange, justement. Si les CSS sont activés, l'ombre apparaîtra; dans le cas contraire, elle sera tout simplement ignorée sans troubler la navigation.
On utilisera la propriété title qui aura le double avantage de générer le texte ombre et d'afficher un texte en passant la souris par-dessus le texte.
Evidemment, on dira que le moins pire reste encore d'utiliser des images pour faire ses textes ombrés.
Oui peut-être pour certains points, mais les titres en image impliquent :
une séparation incomplète de la structure et de la forme (cela ne facilite pas les mises à jour futures car il faut refaire toutes les images de tous les titres)
une augmentation du poids qui peut être conséquente, même si ce n'est plus trop important
des problèmes de référencement et d'indexation car une image avec alt est moins bien prise en compte.
A vous de voir ! Et de proposer d'autres applications pratiques ?
