L’un des principaux différenciateurs entre les sites Web et d’autres formes de supports de communication est l’idée de «liens», ou d’hyperliens, tels qu’ils sont techniquement connus en termes de conception Web.
En plus de contribuer à faire du Web ce qu’il est aujourd’hui, les liens, ainsi que les images, sont facilement les éléments les plus couramment ajoutés sur des pages Web. Heureusement, ces éléments sont faciles à ajouter (seulement deux balises HTML de base) et peuvent apporter enthousiasme et interactivité à ce qui serait autrement des pages de texte brut. Dans cet article, vous découvrirez la balise (anchor), qui est l'élément HTML utilisé pour ajouter des liens vers des pages de sites Web.
Ajout de liens
Un lien s'appelle une ancre en HTML, et la balise qui le représente est donc la balise A. Généralement, les gens se réfèrent simplement à ces ajouts en tant que "liens", mais l'ancre est ce qui est réellement ajouté à une page.
Lorsque vous ajoutez un lien, vous devez indiquer l'adresse de la page Web à laquelle les utilisateurs doivent accéder lorsqu'ils cliquent ou tapent sur ce lien (s'ils se trouvent sur un écran tactile). Vous spécifiez ceci avec l'attribut.
le href attribut signifie "référence hypertexte" et son but est de dicter l'URL vers laquelle vous souhaitez que ce lien spécifique se dirige. Sans cette information, un lien est inutile - il dirait au navigateur que l'utilisateur doit être amené quelque part, mais les informations de destination ne seraient pas disponibles pour savoir où cet "endroit" devrait être. Cette balise et cet attribut vont de pair.
Par exemple, pour créer un lien de texte, vous écrivez:
Texte qui fera le lien
Ainsi, pour vous connecter à la page d'accueil About.com Web Design / HTML, vous écrivez:
Fil de vie
Vous pouvez lier presque tout dans votre page HTML, y compris les images. Entourez simplement les éléments HTML ou les éléments que vous souhaitez faire un lien avec le
et Mots clés. Vous pouvez également créer des liens de substitution en laissant de côté le href attribut - mais assurez-vous simplement de revenir en arrière et de mettre à jour les informations href plus tard, sinon le lien ne fera rien en cas d'accès.
HTML5 permet de lier des éléments de niveau bloc tels que des paragraphes et DIV éléments. Vous pouvez ajouter une balise d'ancrage autour d'une zone beaucoup plus grande, telle qu'une liste de divisions ou de définitions, et cette zone entière sera "cliquable". Cela peut être particulièrement utile lorsque vous essayez de créer des zones de résultats plus larges et adaptées aux doigts sur un site Web.
Quelques points à retenir lors de l'ajout de liens
- Le final la balise est Champs obligatoires. Si vous oubliez de l'inclure, tout ce qui suit ce lien sera également lié, jusqu'à ce qu'un autre lien ferme la balise.
- La plupart du temps, il est préférable de lier des images uniques et de courtes périodes de texte plutôt que de grands blocs de texte. Les liens peuvent ajouter des couleurs et des styles de soulignement à votre page qui peuvent être difficiles à lire. Bien sûr, vous pouvez utiliser CSS pour modifier ces styles de liens et modifier les couleurs ou supprimer les soulignements, mais il est toujours bon de garder à l’esprit cette réalité.
- Assurez-vous de vérifier vos liens pour qu'ils ne se détériorent pas. Link Rot peut faire en sorte que les utilisateurs et les moteurs de recherche considèrent votre site comme invalide. Utilisez un vérificateur de liens régulièrement pour vérifier les liens sur vos pages. Cela est particulièrement vrai lorsque vous vous connectez à des sites tiers (sites que vous ne gérez pas) et qui risquent de modifier leurs pages plus longtemps, ce qui vous laisse avec des liens inactifs. Un vérificateur de liens trouvera ces liens morts afin que vous puissiez effectuer les mises à jour nécessaires.
- Évitez les textes tels que "cliquez ici" dans votre lien. N'oubliez pas que les personnes équipées d'écran tactile ne peuvent pas "cliquer", ce qui donne l'impression que le texte est un produit du passé et n'est pas vraiment pertinent dans le Web centré sur de multiples périphériques.
Autres types de liens intéressants
le UNE element crée un lien standard vers un autre document, mais il existe d'autres types de liens qui pourraient vous intéresser:
- Liens internes ou ancres - Ce sont des liens vers quelque part dans une page Web, pas nécessairement le haut.
- Cartes d'images - Les cartes d'images permettent de créer des liens sur des images mappées à des zones spécifiques de l'image. Ceux-ci peuvent être utilisés pour les jeux ou la navigation créative. Vous les voyez souvent avec des cartes où les zones de la carte sont cliquables. Notez que les cartes d’image ne sont pas utilisées sur la plupart des sites Web modernes, en partie parce qu’elles peuvent causer des problèmes sur les appareils mobiles.
- L'élément - Cet élément est utilisé pour associer d'autres documents et pages au document actuel. Cela ne créera pas de zone cliquable sur votre page Web, mais il est utile de comprendre.
