41Mag - Balise <a> – Comment faire un lien en HTML5

Balise <a> – Comment faire un lien en HTML5

Exemple de balise <a> | Comment faire un lien en HTML5

1
2
<a title="Titre du lien" href="http://www.adresse-du-lien.fr">
     Ceci est un lien</a>
1
2
<a title="41Mag, Web Magazine" href="http://www.41mag.fr">
     Apprendre le HTML5 grâce au 41Mag</a>
Résultat, le navigateur affichera :

Définition et usage de la balise <a> | Comment faire un lien en HTML5

La balise <a> définit un lien hypertexte, qui est utilisé pour relier une page à l’autre.
L’attribut le plus important de la balise <a> est l’attribut href, qui indique la destination du lien.

En savoir plus sur comment faire un lien en HTML5

Par défaut, les liens apparaissent dans tous les navigateurs suivant cette ordre : Un lien non visité est souligné et bleu, un lien visité est souligné et violet, Un lien actif est souligné et rouge. Vous pouvez changer le style de vos liens grâce au CSS (Feuille de style).

Les attributs: hreflang, media, rel, target, et type ne peuvent être utiliser sans l’attribut href.

Évolution par rapport au HTML 4.01

En HTML 4.01, la balise <a> pouvait soit être un lien hypertexte soit un lien vers une ancre. En HTML5, cette balise sera uniquement un lien hypertexte, mais si elle n’a pas l’attribut href, elle reste un espace réservé pour un lien hypertexte.

HTML5 a quelques nouveaux attributs, et certains attributs HTML 4.01 ne sont pas pris en charge dans HTML5.

Attribut pour la balise : <a>
AttributValeurDescription
hrefURLIndiquez l’adresse de la page vers laquelle pointe le lien
hreflanglanguage_codeIndiquez la langue de la page vers laquelle pointe le lien
media Newmedia queryIndiquez le type de document vers laquelle pointe le lien. La valeur par défaut est : all
relalternate
author
bookmark
external
help
license
next
nofollow
noreferrer
prefetch
prev
search
sidebar
tag
Indiquez la relation entre le document actuel et celui vers lequel pointe le lien
target_blank
_parent
_self
_top
framename
Indiquez l’emplacement d’ouverture du lien
type Newmime_typeIndiquez le Type MIME du document vers lequel pointe le lien
1
2
3
<a target="_BLANK" title="Titre du lien" href="http://www.adresse-du-lien.fr">
     Ce lien s'ouvrira dans un nouvel onglet
</a>

Exemple 01 : Ouvrir un lien dans un nouvel onglet

1
2
3
<a title="Titre du lien" href="http://www.adresse-du-lien.fr#ancre">
     Ceci est un lien vers une ancre
</a>

Exemple 02 : Ouvrir un lien vers une ancre

Attribut standard :

La balise <a> prend en charge tous les attributs standard en HTML5 .

> Liste complète des attributs

Attribut d’évènement :

La balise <a> prend également en charge tous les attributs d’événement HTML5.

> Liste complète des événements

Les balises de navigation d’un document HTML5

<a>Définit un lien hypertexte
<link>Définit la relation entre un document et une ressource externe (par exemple une feuilles de style)
<nav>Définit des liens de navigation

Copyright © 2013 | 41Mag. All rights reserved. Contact.
Integrated by Créa-troyes. Powered by WordPress.