# Attribut

> Information complémentaire placée à l'intérieur de la balise ouvrante d'un élément HTML, sous la forme nom="valeur", pour préciser son comportement ou son style.

- Auteur : Clément Hadrot
- Publié le : 2026-09-25
- Mis à jour le : 2026-09-25
- URL : https://wpmoderne.dev.wordpress-developpement.fr/lexique/attribut/

Une balise nue ne dit souvent pas grand-chose : un lien sans destination, une image sans source, un champ sans nom ne servent à rien. Ce sont ces paires nom-valeur, glissées entre le nom de la balise et son chevron fermant, qui donnent au navigateur les précisions nécessaires pour agir correctement.

## Usage courant dans WordPress

L'éditeur de blocs ajoute lui-même de nombreux attributs automatiquement, comme `class` pour styliser un bloc ou `id` pour créer une ancre de navigation. Dans du HTML personnalisé, on retrouve la même logique :

```
<a href="/contact" class="bouton-principal" target="_blank" rel="noopener">
  Nous contacter
</a>
```

Certains attributs sont dits booléens : leur simple présence suffit à activer un comportement, sans valeur à leur associer, comme `disabled` sur un champ de formulaire ou `required` pour rendre sa saisie obligatoire.

## Pièges fréquents

- Les guillemets autour de la valeur ne sont techniquement pas toujours obligatoires, mais leur omission devient risquée dès que la valeur contient un espace ou un caractère spécial.
- Un attribut mal orthographié n'est jamais signalé par le navigateur : il est simplement ignoré silencieusement, ce qui rend ce type d'erreur difficile à repérer sans un validateur HTML.
- Certains attributs, comme `id`, doivent rester uniques sur toute la page : en dupliquer un provoque des comportements imprévisibles en JavaScript et en CSS, notamment lors de la recherche du premier élément correspondant.
- Un attribut global, comme `class`, `id` ou `style`, peut s'appliquer à n'importe quel élément, contrairement à un attribut spécifique comme `href`, réservé aux balises qui en ont réellement l'usage.
