Introduction de l'article de wulin.com (www.vevb.com): Je voulais à l'origine expliquer la figure et la figure dans deux articles, mais ces deux étiquettes définissent des images et des textes, nous les expliquerons donc ensemble, ce qui est plus facile à accepter pour tout le monde.
À l'origine, je voulais expliquer la figure et la figue dans deux articles, mais ces deux étiquettes définissent des images et des textes, nous les expliquerons donc, ce qui est plus facile à accepter pour tout le monde.Lors de l'écriture de XHTML et HTML, les gens utilisent souvent une liste d'images, une image + un titre ou un titre + un titre + une description simple. Écriture conventionnelle précédente:
<li>
<img src = /> <p> title </p>
</li>
Dans HTML5, une nouvelle balise peut définir plus sémantiquement la liste d'images, c'est-à-dire la balise de figure.
La définition donnée par W3C: la balise Figure spécifie du contenu de streaming indépendant (images, graphiques, photos, codes, etc.). Le contenu de l'élément de figure doit être lié au contenu principal, mais s'il est supprimé, il ne doit pas affecter le flux de documents.
Exemple de code:
<Figure>
<p> pont Lupu sur la rivière Huangpu </p>
<img src = shanghai_lupu_bridge.jpg width = 350 height = 234 />
</ figure>
La figure est utilisée pour remplacer l'étiquette Li d'origine, et qui remplacera la balise P? La réponse est: Figcaption
Définition attribuée par W3C: la balise FigCaption définit le titre (Légende) de l'élément Figure. L'élément Figcaption doit être placé à la position du premier ou du dernier élément enfant de l'élément de figure.
Alors le code ci-dessus devient:
<Figure>
<figcaption> pont Lupu sur la rivière Huangpu </figcaption>
<img src = shanghai_lupu_bridge.jpg width = 350 height = 234 />
</ figure>
Il s'agit d'une étiquette très facile à comprendre et son utilisation est très claire. Même si c'est simple, je vous suggère de l'écrire par vous-même.