Exemple
Utilisez un <figure> élément pour marquer une photo dans un document:
<figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>
Essayez - le vous - même » Définition et utilisation
Le <figure> balise spécifie le contenu autonome, comme des illustrations, des diagrammes, des photos, des listes de codes, etc.
Alors que le contenu de la <figure> élément est lié à l'écoulement principal, la position est indépendante de l'écoulement principal, et si elle est renvoyée , il ne devrait pas affecter le flux du document.
support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge totalement l'élément.
| Élément | |||||
|---|---|---|---|---|---|
| <figure> | 6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Différences entre HTML 4.01 et HTML5
Le <figure> tag est nouvelle en HTML5.
Trucs et astuces
Astuce: Le <figcaption> élément est utilisé pour ajouter une légende pour le <figure> élément.
Attributs globaux
Le <figure> tag soutient également le attributs globaux en HTML .
Attributs de l'événement
Le <figure> tag soutient également l' événement Attributs en HTML .
Pages associées
Référence HTML DOM: Figure Object
Paramètres par défaut de CSS
La plupart des navigateurs affichent le <figure> élément avec les valeurs par défaut suivantes:
Exemple
figure {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
} Essayez - le vous - même »