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 hyperliens comme ils sont techniquement connus en termes de conception de sites Web.
En plus d'aider à faire du Web ce qu'il est aujourd'hui, les liens, ainsi que les images, sont de loin les éléments les plus couramment ajoutés aux pages Web. Heureusement, ces éléments sont faciles à ajouter (seulement deux balises HTML de base) et ils peuvent apporter de l'excitation et de l'interactivité à ce qui serait autrement des pages en texte brut. Dans cet article, vous découvrirez la balise (ancre), qui est la véritable élément HTML utilisé pour ajouter des liens vers les pages du site Web.
Ajout de liens
Un lien est appelé une ancre en HTML, et donc la balise pour le représenter est la balise A. Généralement, les gens appellent simplement ces ajouts des "liens", mais l'ancre est ce qui est réellement ajouté à n'importe quelle page.
Lorsque vous ajoutez un lien, vous devez pointer vers le
adresse de la page Web auquel vous souhaitez que vos utilisateurs accèdent lorsqu'ils cliquent ou appuient (s'ils sont sur un écran tactile) sur ce lien. Vous le spécifiez avec l'attribut.le href L'attribut signifie « référence hypertexte » et son but est de dicter l'URL vers laquelle vous souhaitez que ce lien spécifique aille. Sans ces informations, un lien est inutile car il indiquerait au navigateur que l'utilisateur doit être amené quelque part, mais il n'aurait pas les informations de destination disponibles pour l'endroit où ce "quelque part" devrait être. Cette balise et cet attribut vont de pair.
Vous pouvez lier presque n'importe quoi dans votre page HTML, y compris images. Entourez simplement les éléments HTML ou les éléments que vous souhaitez utiliser comme lien avec les balises et. Vous pouvez également créer liens d'espace réservé en omettant 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 lors de l'accès.
HTML5 permet de lier des éléments de niveau bloc comme des paragraphes et DIV éléments. Vous pouvez ajouter une balise d'ancrage autour d'une zone beaucoup plus grande, comme une division ou une liste de définitions, et toute cette zone sera « cliquable ». Cela peut être particulièrement utile lorsque vous essayez de créer des zones de frappe plus grandes et faciles à utiliser sur un site Web.
Quelques points à retenir lors de l'ajout de liens
- La balise finale est obligatoire. 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 gros 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 d'être conscient de cette réalité.
- Assurez-vous de vérifier vos liens afin qu'ils ne se détériorent pas. Link Rot peut amener les utilisateurs et les moteurs de recherche à considérer votre site comme invalide. Utilisez régulièrement un vérificateur de liens pour vérifier les liens sur vos pages. Cela est particulièrement vrai lorsque vous vous connectez à des sites tiers (ceux que vous ne gérez pas) et qui peuvent modifier leurs pages au fil du temps, vous laissant avec des liens morts. Un vérificateur de liens trouvera ces liens morts afin que vous puissiez effectuer les mises à jour nécessaires.
- Évitez le texte comme « cliquez ici » dans votre lien. N'oubliez pas que les utilisateurs d'écrans tactiles ne peuvent pas « cliquer », de sorte que le texte ressemble à un produit d'une époque révolue et n'est vraiment pas pertinent dans le Web centré sur plusieurs appareils d'aujourd'hui.
Autres types de liens intéressants
le UNE L'élément 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-images permettent de créer des liens sur des images qui sont 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 sur la carte sont cliquables. Notez que les images cliquables ne sont pas utilisées sur la plupart des sites Web modernes, en partie parce que ils peuvent causer des problèmes sur les appareils mobiles.
- L'élément: Cet élément est utilisé pour relier d'autres documents et pages à l'actuel. Cela ne créera pas de zone cliquable sur votre page Web, mais il est utile de comprendre.