id

Description

L’attribut id assigne un identifiant unique à un élément dans le document. Deux éléments ne peuvent pas avoir le même id. Il est utilisé comme cible d’ancres (href="#id"), pour lier des <label> à des champs de formulaire, comme sélecteur CSS (#id), et pour la sélection JavaScript (getElementById).

Syntaxe

<section id="introduction">…</section>
<a href="#introduction">Aller à l'introduction</a>

Exemples

Liaison label/input :

<label for="email">Adresse email :</label>
<input type="email" id="email" name="email">

Ancre dans la page :

<nav>
  <a href="#section-1">Section 1</a>
  <a href="#section-2">Section 2</a>
</nav>

<article id="section-1">…</article>
<article id="section-2">…</article>

Sélection JavaScript :

<div id="compteur">0</div>
<script>
  const el = document.getElementById('compteur');
  el.textContent = '42';
</script>

Notes

Unicité stricte : un id doit être unique dans tout le document. Les doublons causent des comportements imprévisibles en JavaScript et CSS.

Caractères autorisés : la valeur ne doit pas contenir d’espaces. Elle peut contenir des lettres, chiffres, tirets, underscores, points et deux-points.

Sensible à la casse : id="Menu" et id="menu" sont deux identifiants distincts.

URL fragment : les id servent de cibles de liens dans la même page (#ancre) ou depuis une URL externe (/page#ancre). Le navigateur fait défiler jusqu’à l’élément et le met dans l’URL.