Hyperliens internes (id)

Définition

Toute balise HTML peut se voir doter d'un attribut id qui doit être unique dans la page.

Cet attribut permet de faire référence à l'élément HTML auquel il est associé.

Syntaxe

1
<balise id='some_string'>...</balise>

Attention

  • Un id ne doit pas contenir de blancs (espaces, tabulation...).

  • On évite les caractères non-ASCII (accents...).

  • On préfère des chaînes simples à retenir et à écrire, pour éviter les erreurs de saisie.

Méthode

Il est possible d'utiliser la balise a pour créer un lien vers un autre élément de la même page identifié par un id : on utilise le caractère #.

Syntaxe

1
<a href='#some_id'>...</a>

Exemple

1
<!DOCTYPE html>
2
<html>
3
  <body>
4
    <p> ... </p>
5
    <p> <a href='#b80d1380'> Ceci est un lien interne </a> vers le paragraphe d'id b80d1380. </p>
6
    <p> ... </p>
7
    <p id='b80d1380'> Ceci est le paragraphe d'id b80d1380. </p>
8
  </body>
9
</html>

Méthode

Il est possible de faire référence à un id situé sur une autre page du même serveur ou d'un autre serveur.

ExempleLien externe vers une ancre d'une autre page d'un autre serveur

1
<a href="https://aswemay.fr/co/040011.html#XtDyklUQCWh2Qb93bZsc6b">Plus de numérique, est-ce que ça rend plus heureux ?</a>
Stéphane Crozat Paternité - Partage des Conditions Initiales à l'Identique