Manuel de référence HTML

Tous les balises HTML

Attribut id HTML

L'attribut global id HTML définit un identificateur unique (ID) pour tout le document. Il est utilisé pour identifier les éléments dans les liens (en utilisant des fragments), les scripts et les styles (par CSS).

Attributs globaux HTML

Exemple en ligne

Changer le contenu d'un texte en utilisant une script JavaScript via l'attribut id:

Exemple

!DOCTYPE html
<html
<head
<meta charset="utf-8">　
<title>Base Tutorial Network(oldtoolbag.com)</title>　
<script
function changeText()
{
　　　　document.getElementById("myHeader").innerHTML="Haha, j'ai été changé, cher ami!";
}
</script>
</head>
<body
<h1　id="myHeader">Hello World!/h1>
<button onclick="changeText()">Changer dynamiquement le contenu texte de l'id</button>
</body>
</html>

Voyons voir ‹/›

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

Tous les navigateurs populaires prennent en charge l'attribut id

Définition et utilisation

L'attribut id détermine l'id unique de l'élément HTML.

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

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

HTML 4.01 et HTML5différences

Dans HTML5 Dans, la propriété id peut être utilisée pour n'importe quel élément HTML (elle vérifie n'importe quel élément HTML. Mais cela n'est pas toujours utile).

Dans HTML 4.01 Dans, la propriété id ne peut pas être utilisée : <base>, <head>, <html>, <meta>, <param>, <script>, <style> et <title>.

Attention : HTML 4.01 Les valeurs de l'id sont strictement limitées (Par exemple, dans HTML 4.01 La valeur de l'id ne peut pas commencer par un chiffre).

Syntaxe

　　 <element id="id">

Valeur de l'attribut

Valeur	Description
id	Définir un id unique pour l'élément. Règles de nommage : Doit commencer par une lettre A-Z ou a-z en début Les caractères suivants : lettres (A-Za-)、numérique (0-9-)、soulignement (")、deux points ( Les valeurs sont sensibles à la casse

Plus d'exemples

Utilisation de la propriété id dans CSS
Comment utiliser la propriété id dans CSS pour ajouter un style à un élément

Attributs globaux HTML

HTML: <template> balise