Manuel de référence HTML

Généralité des balises HTML

HTML: <i> balise HTML: <figcaption> balise

HTML: <figure> balise

L'élément HTML <figure> représente un contenu indépendant, souvent utilisé avec une légende (caption) <figcaption> et agit comme une unité de référence indépendante. Lorsqu'il appartient au flux principal (main flow), sa position est indépendante du corpus. Cette étiquette est souvent utilisée pour des images, des illustrations, des tableaux, des segments de code, etc., qui ne perturbent pas le corpus lorsqu'ils sont déplacés dans l'annexe ou sur une autre page.

Exemple en ligne

Utilisez l'élément <figure> pour marquer une image dans un document :

Exemple

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Site de tutoriels de base(oldtoolbag.com)</title>　
</head>
<body>
<figure>
　　<img src="views.png" alt="views" width="304"height="228">
</figure>
</body>
</html>

Testez et voyez‹/›

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

IE 9Firefox, Opera, Chrome et Safari supportent l'étiquette <figure>.

Remarque :IE 8 ou versions antérieures d'Internet Explorer ne prennent pas en charge la balise <figure>.

Définition et instructions d'utilisation des balises

La balise <figure> spécifie un contenu de flux indépendant (images, graphiques, photos, codes, etc.).

Le contenu de l'élément <figure> doit être lié au contenu principal, et l'élément doit être indépendant par rapport au contenu principal. S'il est supprimé, il ne doit pas affecter le flux du document.

　Généralement, <figure> est une image, une illustration, un graphique, un extrait de code, etc., cité dans le flux principal du document, mais il peut être déplacé à une autre partie du document ou dans l'annexe sans affecter le flux principal.

　Il est possible de lier un titre à l'élément <figure> en insérant <figcaption> (en tant que premier ou dernier élément fils), ce qui permet de lier le titre à l'élément <figure>. Le premier élément <figcaption> trouvé est affiché comme le titre de l'image.

HTML 4.01 par rapport à HTML5différences

La balise <figure> est une balise HTML 5 contient de nouvelles balises.

Avis et conseils

Avis :<figcaption> L'élément est utilisé pour définir un titre pour l'élément <figure>.

Attributs globaux

Prise en charge de la balise <figure> Attributs globaux HTML.

Attributs d'événement

Prise en charge de la balise <figure> Attributs d'événement HTML.

HTML: <i> balise HTML: <figcaption> balise