Liens sans soulignement

Au moyen de balises HTML pour supprimer le soulignement de référence est pas possible. Par conséquent, les feuilles de style en cascade (Cascading Style Sheets, CSS) sont utilisés à cette fin.

L'une des utilisations les plus populaires pour les références CSS - prendre loin d'eux le trait de soulignement. Du point de vue de l'utilisabilité est pas tout à fait la bonne décision, parce que l'utilisateur ne peut pas deviner tout de suite que le texte, qu'il voit est un lien. Tout en fait déjà utilisé pour - encore une fois souligner est utilisé, alors il est un lien. Mais lorsqu'il est utilisé correctement en l'absence d'un lien de soulignement peut donner un certain site d'effet. on le fait souvent, que lorsque vous déplacez le curseur, le lien s'accentue, change de couleur, ou utiliser les deux effets en même temps.

L'accent est caché par un parametroa texte décoration stylistique: aucune, ajoutant au sélecteur A, comme indiqué dans l' exemple 1.

Exemple 1. rétraction souligne dans les références

valide HTML
valide CSS
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd">
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Titre> L'accent mis dans les liens </ title>
<Style type = "text / css">
A {
text-decoration: none; / * Supprime les références pour souligner * /
}
A: hover {
text-decoration: underline; / * Ajouter le trait de soulignement lorsque vous survolez le lien * /
color: red; / * Lien rouge * /
}
</ Style>
</ Head>
<Body>
<P> <a href="link.html"> Déplacez votre curseur ici, vous verrez le résultat </a> </ p>
</ Body>
</ Html>

Ci-dessous est le résultat de cet exemple. Lorsque vous survolez un lien, il devient rouge et souligné.

© Copyright Politique www.htmlbook.ru