HTML idAttributs

Exemples

Utilisez l'attribut id pour manipuler un paragraphe à l'aide de JavaScript :

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Tutoriel d'exemple (example.com)</title> <script> function displayResult() { document.getElementById("myHeader").innerHTML="Passez une bonne journée !"; } </script> </head> <body> <h1 id="myHeader">Bonjour le monde !</h1> <button onclick="displayResult()">Modifier le texte</button> </body> </html>

Essayez-le vous-même »

D'autres exemples sont inclus au bas de ce chapitre.

Prise en charge des navigateurs

Tous les principaux navigateurs prennent en charge l'attribut id

Définition et utilisation

L'attribut id spécifie un id unique pour un élément HTML.

L'id doit être unique dans le document HTML.

L'attribut id peut être utilisé comme ancre de lien, et pour modifier ou ajouter des styles à l'élément avec un id spécifié via JavaScript (HTML DOM) ou via CSS.

Différences entre HTML 4.01 et HTML5

En HTML5, l'attribut id peut être utilisé sur n'importe quel élément HTML (il sera validé sur n'importe quel élément HTML, mais peut ne pas être utile pour autant).

En HTML 4.01, l'attribut id ne peut pas être utilisé sur : <base>, <head>, <html>, <meta>, <param>, <script>, <style> et <title>.

Remarque :HTML 4.01 a des restrictions strictes sur la valeur de id (par exemple, en HTML 4.01, les valeurs id ne peuvent pas commencer par un chiffre).

Syntaxe

<element id="id">

Valeurs d'attributs

Valeur	Description
id	Spécifie l'identifiant unique de l'élément. Règles de nommage : Doit commencer par une lettre A-Z ou a-z Caractères suivants : lettres (A-Za-z), chiffres (0-9), tirets ("-"), traits de soulignement ("_"), deux-points (":"), et points (".") Les valeurs sont sensibles à la casse