Différenciation des liens externes et internes
Aujourd'hui --c'est dans la bonne pratique du jour chez Opquast-- il est bien de différencier un lien interne au site d'un lien externe. Ainsi l'utilisateur sait quand il va quitter le site.
Personnellement, je veux différencier les deux liens mais je ne désire pas ouvrir les liens externes dans une autre page. Pas d'utilisation de target=_blank donc. Je veux laisser à l'utilisateur le choix d'ouvrir "ses" liens où il veut. On veut donc simplement obtenir un résultat du style
J'ajoute ces quelques lignes dans ma feuille de style,
#content a[href^="http:"] {
background: transparent url('aoutside.gif') right center no-repeat;
padding-right: 10px;
}
#content a[href^="http://pittt.free.fr/blog"], #content a[href^="http://blog.namok.be"] {
background: inherit;
padding-right: 0px;
}
#content a img {
margin-right: -10px;
vertical-align: bottom;
}
Pour les sources, j'ai lu ça chez Franck Paul pour la base et l'image utilisée et chez Nealo pour la suppression du petit symbole dans les "liens images".
Et hop ! Une bonne pratique supplémentaire mise en œuvre sur le blog et sur le site de l'école.
Commentaires
En fait, ton blog, c'est pour les férus de l'informatique ? Parce que moi j'y pige que dalle ! Je lis "bla bla bla bla bla" ... Vivement qu'il y ait un article sur la naissance de ta quatrième progéniture !