HTML balise  <figcaption>  

Somaire

Définition et utilisation balise <figcaption>

LES BALISES HTML

La balise <figcaption> définit une légende pour un élément  <figure> .

L'élément <figcaption> peut être placé comme premier ou dernier enfant de l'élément <figure>.

L’élément figcaption doit avoir à la fois une balise de début <figcaption>  et une balise de fin </figcaption>.

L'élément <figcaption> est de type block et il engendre un retour à la ligne avant et après l’élément.

 Exemple Utilisation de l’élément <figure> pour afficher des photos dans un document. L'élément <figure> contient également une légende <figcaption> :

Sélectionner le code

		<!DOCTYPE html>
		 <html lang="fr">
		 <head>
		 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
		 <title>html5 demo</title>
		 </head>
		 <body>
		 <article>La France, en forme longue la République française, est une république
		constitutionnelle unitaire ayant un régime parlementaire à tendance présidentielle
		dont la majeure partie du territoire et de la population sont situés en Europe
		occidentale, mais qui comprend également plusieurs régions et territoires répartis
		dans les Amériques, l’océan Indien et l'océan Pacifique. Elle a pour capitale Paris,
		pour langue officielle le français et pour monnaie l’euro. Sa devise est « Liberté,
		Égalité, Fraternité », et son drapeau est constitué de trois bandes verticales
		respectivement bleue, blanche et rouge. Son hymne est La Marseillaise. Son principe
		est gouvernement du peuple, par le peuple et pour le peuple4.
		 </article>
		 <figure>
		   <img src="../images/Regions_de_France.png" alt="Régions de France">
		    <figcaption> Fig.- Carte des régions de France
		métropolitaine.</figcaption>
		 </figure>
		 </body>
		 </html> 
		 

 Resultat :

La France, en forme longue la République française, est une république constitutionnelle unitaire ayant un régime parlementaire à tendance présidentielle dont la majeure partie du territoire et de la population sont situés en Europe occidentale, mais qui comprend également plusieurs régions et territoires répartis dans les Amériques, l’océan Indien et l'océan Pacifique. Elle a pour capitale Paris, pour langue officielle le français et pour monnaie l’euro. Sa devise est « Liberté, Égalité, Fraternité », et son drapeau est constitué de trois bandes verticales respectivement bleue, blanche et rouge. Son hymne est La Marseillaise. Son principe est gouvernement du peuple, par le peuple et pour le peuple4.
Régions de France
Fig.- Carte des régions de France métropolitaine.

Appui de navigateur

Internet  Explorer Firefox Opera Google Chrome  Safari

La balise <figcaption> est prise en charge dans Internet Explorer 9, Firefox, Opera, Chrome et Safari.

Remarque : Internet Explorer 8 et versions antérieures, ne supportent pas la balise <figcaption> .

Différences entre HTML 4.01 et HTML5

La balise <figcaption> est nouvelle en HTML5.

Attributs globaux

La balise <figcaption> prend également en charge les  attributs globaux HTML.

Attributs de l'événement

La balise <figcaption> prend également en charge les  Attributs de l'événement au format HTML.


Retour à l'accueil du site

Par carabde 10 mars 2014

  • Trafic Booster
    hebergement web

    SCREEBER - Logiciel de copywriting

    SCREEBER - Logiciel de copywriting Augmentez vos résultats en rejoignant les 1600 entrepreneurs qui utilisent Screeber®, le seul logiciel de Copywriting (en français) qui rédige avec vous des textes de vente qui convertissent


    HTML5, CSS3, JavaScript pour débutants Tome 1
    HTML5, CSS3, JavaScript
    pour débutants Tome 1

    Premier tome d'une série vidéo dédiée à l'apprentissage des langages HTML, CSS et JavaScript.

    Regarder aussi nos cours :

    Tutoriel Bootstrap 3

    Tutoriel sur boostrap pour créer vos pages web responsives qui s'adaptent automatiquement avec les différentes largeurs des écrans (PC, mobile et tablette)

    border-top-style

    Définit le style de la bordure supérieure

    fonction strrev, strrev

    Inverse une chaîne



    Rentabilisez efficacement votre site