25 mai 2013

HTML5 figure

25.5.13 - 0

HTML5 figure: La balise <figure> représente une section qui est reçue des illustrations (par exemple des images, des diagrammes, etc.) venant compléter le contenu principal décrit dans la page.
On peut associer un titre ou une légende utilisant la balise <figcaption>. Elle peut être placée juste après le tag d'ouverture de la balise <figure> ou alors avant le tag de fermeture </figure>.

Support: icon google chrome icon firefox icon opera icon safari icon ie

 

Exemple d'utilisation:

    <figure style="width:267px;">
        <figcaption style="text-align:center;width:267px;line-height:20px;background-color:#00BCFF;">Bienvenue sur notre blog</figcaption>
        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiJoQ2DtQ6lZIfE_pyh0n-i-8vnYeubAdWZTOrvDZRYdw0upJ7IYnfzyiZXWFt2NW6aDUF1ymPOiOvtNY_bTnltUmoYf-cZH_lS0Q0Apkbw3M6rfGCFDP5iuNnVDMSKsdKwAAapiTR9Ac/s320/p.jpg" alt="développeur informatique" />
    </figure>
   

Résultat:


Bienvenue sur notre blog
développeur informatique

Newsletter

Abonnez-vous à notre newsletter pour recevoir les nouveautés.

0 commentaires:

© 2014 Déveur. WP Theme-junkie converted by Bloggertheme9
Powered by Blogger.
back to top