Maison  >  Article  >  interface Web  >  Explication détaillée de l'utilisation de la balise figcaption en HTML5

Explication détaillée de l'utilisation de la balise figcaption en HTML5

巴扎黑
巴扎黑original
2017-06-27 09:40:125096parcourir

Les balises figure et figcaption en HTML5 sont généralement utilisées ensemble. Commençons par comprendre les définitions de base des deux, puis illustrons leur utilisation avec des exemples. La balise

spécifie le contenu du flux indépendant (images, graphiques, photos, code, etc.). Le contenu de l'élément

figure doit être lié au contenu principal, mais s'il est supprimé, il ne doit pas avoir d'impact sur le flux documentaire. Il s'agit d'une combinaison d'éléments, éventuellement accompagnée d'un titre. La balise figure est utilisée pour représenter un élément de contenu indépendant sur une page Web. Sa suppression de la page Web n'affectera pas les autres contenus de la page Web.

figure a une sous-balise : figcaption. La balise

définit la légende de l'élément figure.
L'élément "figcaption" doit être placé comme premier ou dernier élément enfant de l'élément "figure".

OK, c'est tout pour les balises figure et figcaption. Utilisons quelques exemples pour les appliquer. Comme suit :

Cas 1 :

Élément de figure sans titre :

Site Web PHP chinois

Cas 2 :

élément figure avec titre :

end home" src="logo.png"/>
Accueil du front-end Web, axé sur le front-end Web, HTML5, CSS3, JavaScript, JQuery, Développement mobile, page optimisation des performances et autres développements plateforme de communication technologique frontale

Cas 3 :

MultipleImage , élément de figure portant le même titre :

Web Front-end Home 1 alt= "Accueil du front-end Web 2" src="logo2.png"/> end home, axé sur le Web Front-end, une plateforme de communication pour le développement de technologies front-end telles que HTML5, CSS3, JavaScript, JQuery, le développement mobile, l'optimisation des performances des pages, etc.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn