Maison > interface Web > tutoriel HTML > 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

巴扎黑
Libérer: 2017-06-27 09:40:12
original
5128 Les gens l'ont consulté

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal