Jusqu'à ce que HTML5 a été libéré, l'étiquette a requis un attribut: href. Mais, HTML5 rend même cet attribut facultatif. Lorsque vous écrivez la balise sans aucun attribut, cela s'appelle un lien d'espace réservé.
Un lien d'espace réservé ressemble à ceci:
Précédent
Utilisation de liens d'espace réservé pendant le développement
Presque tous les concepteurs de sites Web ont créé des liens d'espace réservé à un moment ou à un autre. conception et réalisation d'un site web. Avant HTML5, un programmeur écrivait ce qui suit comme espace réservé:
texte du lien
Le problème avec l'utilisation d'un hashtag (#) en tant que lien fictif, c'est que le lien est cliquable, ce qui peut prêter à confusion pour vos clients. Et, si un développeur oublie de les mettre à jour avec les URL correctes, ces liens afficheront simplement la même page sur laquelle l'utilisateur se trouve s'il est cliqué.
Au lieu de cela, vous devriez commencer à utiliser des balises sans aucun attribut. Vous pouvez les styliser pour qu'ils ressemblent à n'importe quel autre lien sur votre page, mais ils ne seront pas cliquables car ce ne sont que des espaces réservés.
Utilisation de liens d'espace réservé sur les sites en direct
Les liens d'espace réservé ont une place dans la conception de sites Web pour plus que développement. Un endroit où un lien d'espace réservé peut briller est dans les éléments de navigation. Dans de nombreux cas, les listes de navigation de sites Web ont un moyen d'indiquer sur quelle page vous vous trouvez. Ceux-ci sont souvent appelés indicateurs « vous êtes ici ».
La plupart des sites s'appuient sur attributs d'identifiant 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 faire beaucoup de travail supplémentaire sur chaque page contenant la navigation, en ajoutant et en supprimant l'attribut des éléments corrects.
Avec un lien d'espace réservé, vous pouvez écrire votre navigation comme vous le souhaitez, puis supprimer simplement l'attribut href du lien approprié lorsque vous ajoutez la navigation à une page. Pour le développement, une astuce rapide pour vous aider est de stocker toute la liste de navigation sous forme d'extrait de code dans votre éditeur, il s'agit donc d'un simple copier-coller. 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.
Styliser les liens d'espace réservé
Les liens d'espace réservé sont faciles à styliser et à styliser différemment des autres liens de votre page Web. Assurez-vous simplement de styliser à la fois la balise a et la balise a: link. Par example:
une {
La couleur rouge;
font-weight: gras ;
texte-décoration: aucun ;
}
un lien {
Couleur bleue;
font-weight: normal ;
texte-décoration: soulignement ;
}
Cette CSS rendra les liens d'espace réservé en gras et en rouge, sans soulignement. Les liens réguliers seront de poids normal, bleus et soulignés.
N'oubliez pas de réinitialiser tout modes vous ne voulez pas être reporté de la balise a. Par exemple, le poids de police est défini sur gras pour les liens d'espace réservé, donc pour les liens standard, vous devrez le définir sur:
font-weight: normal ;
Il en est de même avec le texte-décoration. En le supprimant avec le sélecteur a, il aurait été supprimé pour le sélecteur de lien a: si nous ne l'avions pas remis en place.