English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Le tag HTML <a> définit un lien hypertexte pointant vers une URL ou une cible dans un document HTML. Ce tag est également appelé élément <a>.
Lien vers le site Web de base des tutoriels :
!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Site Web des tutoriels de base (oldtoolbag.com)</title> </head> <body> <a href="https://fr.oldtoolbag.com">Visitez le site Web de base des tutoriels !/a> </body> </html>Vérifiez et voyez ‹/›
IEFirefoxOperaChromeSafari
Tous les navigateurs populaires prennent en charge le tag <a>.
Le tag <a> définit un lien hypertexte, utilisé pour relier une page à une autre.
L'attribut le plus important de l'élément <a> est l'attribut href, qui spécifie la cible du lien.
Dans tous les navigateurs, l'apparence par défaut des liens est la suivante :
Les liens non visités sont soulignés et en bleu
Les liens visités sont soulignés et en violet
Les liens actifs sont soulignés et en rouge
L'élément HTML <a> est situé à l'intérieur de la balise <body>.
du début <a> et de la fin</le texte entre <a> et <a> sera affiché comme texte de lien hypertexte (c'est-à-dire texte souligné).
Si vous souhaitez que les ressources s'ouvrent dans une nouvelle fenêtre, utilisez l'attribut target = "_blank". Par exemple, vous pouvez écrire un lien hypertexte comme suit : <a href="/examples/filename.html" cible="_blank">liens vers le nom de fichier</a>
Dans HTML 4.01 En chinois simplifié, le tag <a> peut être un lien hypertexte ou un ancre. Dans HTML5 En chinois simplifié, le tag <a> est un lien hypertexte, mais s'il n'a pas l'attribut href, il ne fait que remplacer un lien hypertexte.
HTML5 Il y a quelques nouveaux attributs, et certains attributs ne sont plus pris en charge. 4.01 attributs.
New ：HTML5 nouvel attribut.
| Attribut | Valeur | Description |
|---|---|---|
| charset | char_encoding | HTML5 Non pris en charge. Définit l'encodage de caractères de l'URL cible. |
| coords | coordinates | HTML5 Non pris en charge. Définit les coordonnées du lien. |
| downloadHTML5 | filename | Spécifie le lien de téléchargement |
| href | URL | Définit l'URL cible du lien. |
| hreflang | language_code | Définit le langage de base de l'URL cible. Utilisé uniquement lorsque l'attribut href existe. |
| mediaHTML5 | media_query | Définit le type de média de l'URL cible. Valeur par défaut : all. Utilisé uniquement lorsque l'attribut href existe. |
| name | section_name | HTML5 Non pris en charge. Définit le nom de l'ancrage. |
| pingHTML5 | list_of_URLs | Spécifie une liste délimitée par des espaces des URL, après le lien, une requête ping est envoyée par le navigateur (arrière-plan). Souvent utilisé pour le suivi |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin unsafe-url | Spécifie le type de notification spécifique |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | Définit la relation entre le document actuel et l'URL cible. Utilisé uniquement lorsque l'attribut href existe. |
| rev | text | HTML5 Non pris en charge. Définit la relation entre l'URL cible et le document actuel. |
| shape | default rect circle poly | HTML5 Non pris en charge. Définit la forme du lien. |
| target | _blank _parent _self _top framename | Définit où ouvrir l'URL cible. Utilisé uniquement lorsque l'attribut href existe. |
| type HTML5 | MIME_type | Définit le type MIME de l'URL cible. Utilisé uniquement lorsque l'attribut href existe. Remarque : MIME = Extensions Multipurposes Internet Mail. |
Le tag <a> prend en charge Attributs globaux de HTML。
Le tag <a> prend en charge Attribut d'événement HTML。
Lien d'image Ce exemple montre comment utiliser un lien d'image.
Lien vers une position spécifique dans la page actuelle Ce exemple montre comment utiliser les signets
Sortir du cadre Sortir du cadre
Créer un lien e-mail Ce exemple montre comment créer un lien vers un e-mail. (Cet exemple nécessite un client de messagerie installé pour fonctionner.)
Créer un lien e-mail 2 Ce exemple montre un lien e-mail plus complexe.
Créer un lien téléphonique Cette exemple montre comment créer un lien téléphonique fonctionnel.
Tutoriel HTML :Lien HTML
Manuel de référence HTML DOM : Objet Anchor