Skip to main content

Objet des liens de substitution HTML

Jusqu'à la sortie de HTML5, la balise nécessitait un attribut: href. Mais HTML5 rend même cet attribut facultatif. Lorsque vous écrivez une balise sans aucun attribut, cela s'appelle un lien fictif.

Un lien fictif ressemble à ceci:

précédent

Utilisation de liens fictifs au cours du développement

Presque tous les concepteurs Web ont créé des liens fictifs à un moment ou à un autre lors de la conception et de la construction d'un site Web. Avant HTML5, un programmeur écrivait ce qui suit comme espace réservé:

lien texte

Le problème lié à l'utilisation d'un hashtag (#) en tant que lien fictif est que le lien est cliquable et que cela peut prêter à confusion pour vos clients. Et si un développeur oublie de les mettre à jour avec les URL correctes, ces liens montreront simplement la même page sur laquelle l'utilisateur se trouve si l'utilisateur clique dessus.

Au lieu de cela, vous devriez commencer à utiliser des balises sans aucun attribut. Vous pouvez les styler pour qu'ils ressemblent à tout autre lien de votre page, mais ils ne seront pas cliquables, car ils ne sont que des espaces réservés.

Utilisation de liens fictifs sur des sites actifs

Les liens réservés ont une place dans la conception Web pour plus que le développement. Un élément générique que peut contenir un lien d’emplacement réservé est celui des éléments de navigation. Dans de nombreux cas, les listes de navigation sur les sites Web ont un moyen d'indiquer la page sur laquelle vous vous trouvez. On les appelle souvent des indicateurs «vous êtes ici».

La plupart des sites reposent sur des attributs id sur l'élément qui a besoin du marqueur «vous êtes ici», mais certains utilisent également l'attribut class. Cependant, quel que soit l'attribut que vous utilisez, vous devez effectuer beaucoup de travail supplémentaire pour chaque page sur laquelle la navigation est effectuée, en ajoutant et en supprimant l'attribut des éléments appropriés.

Avec un lien fictif, vous pouvez écrire votre navigation comme vous le souhaitez, puis supprimez simplement l'attribut href du lien approprié lorsque vous ajoutez la navigation à une page. Pour le développement, une astuce rapide pour vous aider consiste à stocker la liste de navigation complète sous forme d’extrait de code dans votre éditeur. Vous pouvez alors simplement supprimer le href. Vous pouvez également demander à votre système de gestion de contenu (CMS) de faire la même chose.

Style Placeholder Links

Les liens avec les espaces réservés sont faciles à coiffer et ont un style différent des autres liens de votre page Web. Assurez-vous simplement de définir à la fois les balises a et a: link. Par exemple:

a {couleur: rouge; poids de police: gras; texte-décoration: aucun; } a: link {color: blue; poids de la police: normal; texte-décoration: souligné; }

Ce code CSS rendra les liens de substitution en caractères gras et rouges, sans soulignement. Les liens réguliers auront un poids normal, bleu et souligné cependant.

N'oubliez pas de réinitialiser les styles que vous ne souhaitez pas voir transférés d'une balise. Par exemple, le poids de police est défini en gras pour les liens fictifs; vous devrez donc le définir comme suit:

poids de la police: normal;

pour les liens standard. La même chose est vraie avec la décoration de texte. En le supprimant avec le sélecteur a, il aurait été supprimé pour le sélecteur a: link si je ne l'avais pas remis.