La balise figure et la balise figcaption sont de nouvelles balises sémantiques en HTML5.
balise figure, balise sémantique html5.Utilisé pour spécifier le contenu du flux individuel (images, graphiques, photos, code, etc.).
balise figcaption, balise sémantique html5.Utilisé conjointement avec la figure, l'étiquette est utilisée pour définir le titre de l'élément de la figure.
Avantages de l'utilisation des balises figure et figcaptionLorsque les moteurs de recherche recherchent des chiffres, ils sauront que des images, des graphiques, des photos, des codes et d'autres médias sont stockés ici, et ils ne penseront pas que des articles et d'autres éléments sont stockés ici. Les moteurs de recherche rendent la recherche plus rapide et plus pratique.
D'un autre côté, lorsque les programmeurs verront cette étiquette, ils sauront que ce qui existe ici sont des images et d'autres médias faciles à lire.
Le diagramme suivant décrit brièvement comment utiliser ces deux balises.
Cas 1 :Élément de figure sans titre :
<figure> <img style="margin: 0px; padding: 0px; contour: aucun; hauteur de ligne: 25,2px; taille de police: 14px; largeur: 660px; débordement: caché; clair: les deux; famille de polices: tahoma , arial, Microsoft YaHei;"><figure> <img <figcaption>VeVb Wulin.com, VeVb Wulin.com est un site Web national de ressources de construction de sites Web professionnels et d'apprentissage de la programmation de scripts, fournissant asp, php, asp.net, javascript, jquery, vbscript, traitement par lots dos et production de pages Web, programmation réseau, construction de sites Web et autres matériels de programmation</figcaption></figure>Cas 3 :
Plusieurs images, élément de figure portant le même titre :
<figure> <img <img <img <figcaption>VeVb Wulin.com, VeVb Wulin.com est une ressource de construction de sites Web professionnels nationaux et un site Web d'apprentissage de la programmation de scripts, fournissant asp, php, asp.net, javascript, jquery, vbscript, dos Traitement par lots, production de pages Web, programmation réseau, construction de sites Web et autres matériels de programmation</figcaption></figure>Ce qui précède représente l’intégralité du contenu de cet article. J’espère qu’il sera utile à l’étude de chacun. J’espère également que tout le monde soutiendra le réseau VeVb Wulin.