Cours 1.7. L'attribut id en HTML

Syntaxe

Les balises HTML peuvent contenir des attributs qui sont des informations ou des propriétés relatives à la balise. La syntaxe générale est la suivante :

<div nom_de_l_attribut = " propriete1 propriete2 "></div>

Chaque balise possède ses propres attributs, par exemple la balise <a> est souvent combinée avec l'attribut href="..." qui permet de créer un lien vers une autre page.

Vous apprendrez plus tard qu'il est possible de créer des attributs personnalisés pour ses besoins propres.

L'attribut id

L'attribut le plus utilisé est id qui permet d'identifier une balise en particulier. L'exemple suivant montre la syntaxe permettant d'associer un identifiant à une balise de type h1 :

<h1 id="nom_de_l_identifiant">Mon titre</h1>

Il convient toutefois de considérer les contraintes suivantes :

• L'identifiant doit être unique sur l'ensemble du document. Vous ne devez jamais avoir deux balises portant le même identifiant.
• Le nom des identifiants ne doit jamais contenir d'espace, de tabulation ou de caractères spéciaux comme les caractères accentués.
• HTML 5 accepte les tirets - et _, mais la compatibilité n'est pas assurée avec les versions antérieures. Ces caractères tendent aujourd'hui à se démocratiser.

Voir aussi

• Cours développement web
• Cours 1.1. Histoire d'Internet
• Cours 1.2. Introduction au HTML
• Cours 1.3. Les caractères spéciaux en HTML
• Cours 1.4. Les commentaires en HTML
• Cours 1.5. Structure globale d'une page HTML
• Cours 1.6. Les liens hypertextes en HTML
• Cours 1.8. Les ancres en HTML
• Cours 1.9. Les images dans les pages HTML
• Cours 1.10. Les tableaux en HTML
• Cours 1.11. Les balises HTML les plus utilisées
• Cours 1.12. Quelques recommandations
• Cours 1.13. Ressources
• Cours 2.1. Introduction au CSS
• Cours 2.2. CSS en ligne
• Cours 2.3. CSS dans l'en-tête de la page
• Cours 2.4. CSS dans un fichier externe
• Cours 2.5. Les sélecteurs en CSS
• Cours 2.6. Les couleurs en CSS
• Cours 2.7. Les marges en CSS
• Cours 2.8. Les unités en CSS
• Cours 2.9. Les propriétés CSS les plus utilisées
• Cours 3.1. Histoire du JavaScript
• Cours 3.2. Hello World en JavaScript
• Cours 3.3. Console.log
• Cours 3.4. Les commentaires en JavaScript
• Cours 3.5. Les variables en JavaScript
• Cours 3.6. Les événements en JavaScript
• Cours 3.7. Document Object Model (DOM)
• Cours 3.8. Modifier le HTML
• Cours 3.9. Les frameworks JavaScript
• Cours 4.1. Introduction au PHP
• Cours 4.2. Les balises PHP
• Cours 4.3. Les variables en PHP
• Cours 4.4. isset vs empty vs is_null
• Cours 4.5. Les opérateurs en PHP
• Cours 4.6. Les guillemets en PHP
• Cours 4.7. Les tests en PHP, l'instruction if...else
• Cours 4.8. Les tableaux en PHP
• Cours 4.9. Les boucles en PHP
• Cours 4.10. Les sessions en PHP
• Cours 5.1. Les formumlaires HTML
• Cours 5.2. Les formulaires : POST ou GET
• Cours 5.3. Le champ <input>
• Cours 5.4. Les différents champs des formulaires HTML
• Cours 6.1. Introduction à MySQL
• Cours 6.2. phpMyAdmin
• Cours 6.3. Requêtes SQL les plus utilisées
• Cours 6.4. Connexion MySQL en PHP
• Cours 6.5. Les requêtes MySQL en PHP
• Cours 6.6. Lire des données MySQL en PHP
• Cours 6.7. Récupérer le dernier identifiant MySQL

---