<HTML> #CSS

<a>

<a> comme anchor | ancre
<a> définit un lien hypertexte, il permet de créer un lien à partir du contenu qu’il englobe
<a> est une des balises les plus importante d’HTML
Un lien non visité est souligné et de couleur bleu
Un lien visité est souligné et de couleur violet
Un lien actif est souligné et de couleur rouge

L'attribut href n'est pas obligatoire mais nécessaire pour spécifier la cible du lien

Code

Aperçu dans le navigateur

<a> utilise les attributs globaux

href

Indique l'url d'une ressource

Très fortement conseillé avec cette balise

<a href="valeur">

Valeur	Description	Infos
url	L'url, le lien pointant vers une ressource, un fichier, un document En valeur absolu vers une ressource externe Ou en valeur relative pour un élément interne
url	`<a href="url">` <a href="http://htmlcss.pamaq.com/pages/uneautrepage.html">Vers une autre page avec un lien en valeur absolu</a> <a href="pages/uneautrepage.html">Vers une autre page avec un lien en valeur relatif</a>
id	L'id d'un élément peut être spécifié pour établir un lien dans le page courante L'élément ciblé apparaitra alors en haut de la page
id	`<a href="#id">` Contenu<br>Contenu<br>Contenu<br><span id="ancre">Ancre</span><br>Contenu<br>Contenu<br>Contenu<br>Contenu<br><a href="#ancre">Vers l'ancre</a><br>Contenu
protocol:cible	Le lien peut également cibler une autre ressource mailto : ouvrir le logiciel de messagerie avec l'élément cible comme destinataire tel : ouvrir l'application téléphone et composer le numéro ciblé
protocol:cible	`<a href="protocol:cible">` Vous pouvez m'envoyer un <a href="mailto:ceciestuntest@test.com">email</a> ou me <a href="tel:+123456789">téléphoner</a>

hreflang

Cet attribut sert à définir la langue du fichier indiqué dans l'attribut href

<a href="url" hreflang="valeur">

Valeur	Description	Infos
Code de la langue	Le code est généralement constitué de 2 lettres selon la norme ISO 639-1 La liste des codes est disponible sur le site de Wikipedia
Code de la langue	`<a href="url" hreflang="valeur">` <a href="https://de.wikipedia.org/wiki/Hreflang" hreflang="de">Voir cet article en allemand</a>

referrerpolicy

Indique les informations à envoyer lors du clique sur le lien spécifié dans l'attribut href

Fonctionne uniquement avec l'attribut href

L'en-tête Referer contient l'adresse de la page web précédente.
Elle est définie suite au clique d'un lien qui aboutit à la page courante. Cela permet de suivre la provenance des internautes et d'en tirer des informations à analyser
L'origine est définie par le protocole, l'hôte et le port (si indiqué) de la page courante.
Par exemple : https://www.monsiteweb.com:443
Le protocole est https
L'hôte est www.monsiteweb.com
Le port est 443

<a href="url" referrerpolicy="valeur">

Valeur	Description	Infos
no-referrer-when-downgrade	Valeur par défaut Indique que les informations d'en-tête Referer ne seront envoyée que si le lien spécifié dans l'attribut `href` provient d'un site sécurisé équivalent ou plus élevé (https)
no-referrer-when-downgrade	`<a href="url" referrerpolicy="no-referrer-when-downgrade">` <a href="https://fr.wikipedia.org" referrerpolicy="no-referrer-when-downgrade">Lien</a>
no-referrer	Signifie qu'aucune information d'en-tête Referer ne sera envoyée
no-referrer	`<a href="url" referrerpolicy="no-referrer">` <a href="https://fr.wikipedia.org" referrerpolicy="no-referrer">Lien</a>
origin	Envoi les informations d'origine du lien spécifié dans l'attribut `href` comme en-tête Referer
origin	`<a href="url" referrerpolicy="origin">` <a href="https://fr.wikipedia.org" referrerpolicy="origin">Lien</a>
same-origin	Envoi les informations d'origine du lien spécifié dans l'attribut `href` comme en-tête Referer s'il a la même origine
same-origin	`<a href="url" referrerpolicy="same-origin">` <a href="https://fr.wikipedia.org" referrerpolicy="same-origin">Lien</a>
origin-when-cross-origin	Envoi les informations d'origine du lien spécifié dans l'attribut `href` comme en-tête Referer lorsqu'il n'a pas la même origine, sinon envoi l'url compléte
origin-when-cross-origin	`<a href="url" referrerpolicy="origin-when-cross-origin">` a href="https://fr.wikipedia.org" referrerpolicy="origin-when-cross-origin">Lien</a>
strict-origin	Envoi les informations d'origine du lien spécifié dans l'attribut `href` comme en-tête Referer lorsque le protocole est le même
strict-origin	`<a href="url" referrerpolicy="strict-origin">` <a href="https://fr.wikipedia.org" referrerpolicy="strict-origin">Lien</a>
strict-origin-when-cross-origin	Envoi les informations d'origine du lien spécifié dans l'attribut `href` comme en-tête Referer lorsqu'il n'a pas la même origine, sinon envoi l'url compléte si le protocole est le même
strict-origin-when-cross-origin	`<a href="url" referrerpolicy="strict-origin-when-cross-origin">` <a href="https://fr.wikipedia.org" referrerpolicy="strict-origin-when-cross-origin">Lien</a>
unsafe-url	Envoi les informations d'en-tête Referer du lien spécifié dans l'attribut `href` dans tout les cas ATTENTION : cette valeur présente un grand risque de sécurité
unsafe-url	`<a href="url" referrerpolicy="unsafe-url">` <a href="https://fr.wikipedia.org" referrerpolicy="unsafe-url">Lien</a>

rel

Spécifie la nature de la ressource correspondante au lien indiqué dans l'attribut href

S’utilise toujours avec l’attribut href

<a rel="valeur" href="url">

Valeur	Description	Infos
alternate	Indique que l'`url` pointe vers une version alternative de la page ciblée (page d'impression par exemple)
alternate	`<a rel="alternate" href="url">` <a rel="alternate" hreflang="de" href="https://de.wikipedia.org/">Wikipedia version Allemande</a>
author	Indique que l'`url` pointe vers le site web de l'auteur de l'élément ciblé
author	`<a rel="author" href="url">` <a rel="author" href="https://vincentmunier.com/shop/fr/">L'auteur du film La panthère des neiges</a>
help	Indique que l'`url` pointe vers un document d'aide de l'élément ciblé
help	`<a rel="help" href="url">` <a rel="help" href="https://fr.wikipedia.org/wiki/Aide:Accueil">Besoin d'aide sur Wikipedia</a>
license	Indique que l'`url` pointe vers un document fournissant les termes du copyright de l'élément ciblé
license	`<a rel="license" href="url">` <a rel="license" href="https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Citation_et_r%C3%A9utilisation_du_contenu_de_Wikip%C3%A9dia">Terme d'utilisation du contenu de Wikipedia</a>
search	Indique que l'`url` pointe vers une interface de recherche dont fait partie l'élément ciblé
search	`<a rel="search" href="url">` <a rel="search" href="https://www.wikidata.org/w/index.php?search=metz">Metz se trouve dans WikiData</a>
bookmark	Indique que l'`url` est un permalien {permalien;https://fr.wikipedia.org/wiki/Permalien}++Permet de placer un marque-page pour un seul article d'une page qui en contient plusieurs
bookmark	`<a rel="bookmark" href="url">` Permalien de <a rel="bookmark" href="https://fr.wikipedia.org/w/index.php?title=Metz&oldid=191694532">Metz</a>
external	Indique que l'`url` pointe vers un site externe
external	`<a rel="external" href="url">` <a rel="external" href="https://fr.wikipedia.org">Wikipedia</a>
nofollow	Indique que l'`url` pointe vers un site non approuvé++Bloque les moteurs de recherche à suivre la cible de l'`url`
nofollow	`<a rel="nofollow" href="url">` <a rel="nofollow" href="fr.wikipedia.org">Wikipedia</a>
noopener	Indique au navigateur d'ouvrir la cible de l'`url` sans que le nouveau contexte de navigation ne reçoive d'accès au document précédent
noopener	`<a rel="noopener" href="url">` <a rel="noopener" href="https://fr.wikipedia.org">Wikipedia</a>
noreferrer	Empêche, que l'adresse indiquée dans l'`url` soit fournie via l'en-tête HTTP Referer
noreferrer	`<a rel="noreferrer" href="url">` <a rel="noreferrer" href="https://fr.wikipedia.org">Wikipedia</a>
tag	Indique que l'`url` fait référence à une étiquette (tag) que décrit l'élément ciblé
tag	`<a rel="tag" href="url">` Un héros venu de <a rel="tag" href="https://fr.wikipedia.org/wiki/Hellboy_(personnage)">l'enfer</a>
next	Indique que la page actuelle fait partie d'une série, et que la page suivante est renseigné par l' `url`
next	`<a rel="next" href="url">` Aller à la page <a rel="next" href="https://fr.wikipedia.org/wiki/Metz">suivante</a>
prev	Indique que la page actuelle fait partie d'une série, et que la page précédente est renseigné par l' `url`
prev	`<a rel="prev" href="url">` Aller à la page <a rel="prev" href="https://fr.wikipedia.org/wiki/Moselle_(d%C3%A9partement)">précédente</a>

target

Spécifie la façon dont les liens vont s'ouvrir

<a href="url" target="valeur">

Valeur	Description	Infos
_blank	L'ouverture des liens se passe dans une nouvelle fenêtre ou un nouvel onglet
_blank	`<a href="url" target="_blank">` <a href="https://fr.wikipedia.org" target="_blank">Wikipedia</a>
_self	Valeur par defaut L'ouverture des liens est dans cette même fenêtre
_self	`<a href="url" target="_self">` <a href="https://fr.wikipedia.org" target="_self">Wikipedia</a>
_parent	Cette valeur est principalement employée lors de l'utilisation de cadre (frame) L'ouverture des liens se passe dans la fenêtre parent
_parent	`<a href="url" target="_parent">` <a href="https://fr.wikipedia.org" target="_parent">Wikipedia</a>
_top	Cette valeur est principalement employée lors de l'utilisation de cadre (frame) L'ouverture des liens se passe dans la fenêtre du plus haut niveau
_top	`<a href="url" target="_top">` <a href="https://fr.wikipedia.org" target="_top">Wikipedia</a>

ping

Cet attribut permet de notifier, via une requête POST, d'autres adresses (url) lorsque le lien est suivi.
Il est généralement utilisé pour tracer l'internaute.

<a href="url" ping="valeur">

Valeur	Description	Infos
liste url	Les url de la liste doivent être séparées par un espace
liste url	`<a href="url" ping="liste d'url">` <a href="https://fr.wikipedia.org" ping="http://www.google.com">Wikipedia</a>

download

Cet attribut indique que l'url saisie dans l'attribut href sera téléchargé lorsque l'internaute clique sur le lien
Lorsqu'une valeur est renseigné à l'attribut, le nom du fichier à télécharger prendra cette valeur.

<a href="url" download>
<a href="url" download="valeur">

Valeur	Description	Infos
download	indique au navigateur de télécharger le fichier indiqué dans l'attribut `href` Le nom du fichier à télécharger sera celui indiqué dans la valeur de l'attribut `href`
download	`<a href="url" donwload>` <a href="image/la-famille-manchots-empereurs.jpg" download>Une belle photo de Vincent Munier à télécharger</a>
valeur	indique au navigateur de télécharger la valeur indiqué dans l'attribut `href` Le fichier à télécharger prendra le nom spécifié dans la valeur de l'attribut
valeur	`<a href="url" donwload="valeur">` <a href="image/la-famille-manchots-empereurs.jpg" download="pinguins">Une belle photo de Vincent Munier à télécharger</a>

a:link, a:visited {
  color: (internal value);
  text-decoration: underline;
  cursor: pointer;
}

a:link:active, a:visited:active {
  color: (internal value);
}