Les attributs HTML
Un attribut ajoute une information à une balise. Il prend souvent la forme nom="valeur". Exemple : href sur un lien, src sur une image, class pour cibler un style CSS.
Attributs universels
| Attribut | Utilité |
|---|---|
| class | Associe un ou plusieurs noms de classe à un élément pour le styler ou le cibler en JavaScript. |
| id | Identifiant unique dans la page. |
| title | Texte complémentaire souvent affiché au survol. |
| lang | Langue du contenu. |
| hidden | Masque un élément. |
Utiliser class et id
<section id="introduction" class="bloc bloc-bleu">
<h2 title="Titre de section">Introduction</h2>
<p>Ce bloc pourra être stylisé en CSS.</p>
</section>
Attributs importants selon la balise
- href pour <a> : destination du lien.
- src et alt pour <img>.
- type, name, placeholder, required pour les champs de formulaire.
- target="_blank" et rel="noreferrer" pour ouvrir un lien externe dans un nouvel onglet.
Attributs sur lien et image
<a href="https://developer.mozilla.org/" target="_blank" rel="noreferrer">MDN</a>
<img src="photo.jpg" alt="Portrait de développeur devant un écran">
Attention : l’attribut alt n’est pas décoratif. Il doit décrire l’image quand cette information est utile.