title

Cependant, il existe de nouvelles balises en html5 qui peuvent définir plus sémantiquement cette liste d'images , c'est l'étiquette de la figure."/>

title

Cependant, il existe de nouvelles balises en html5 qui peuvent définir plus sémantiquement cette liste d'images , c'est l'étiquette de la figure.">

Maison  >  Article  >  interface Web  >  Comparaison des différences entre les balises html5 figure et figcaption

Comparaison des différences entre les balises html5 figure et figcaption

巴扎黑
巴扎黑original
2017-06-27 09:38:163350parcourir

Définition et utilisation

614eb9dc63b3fb809437a716aa228d24 définit le titre (légende) de l'élément figure.

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

Prise en charge des navigateurs

Tous les principaux navigateurs prennent en charge la balise 614eb9dc63b3fb809437a716aa228d24

Différences entre HTML 4.01 et HTML 5 La balise

614eb9dc63b3fb809437a716aa228d24 est une nouvelle balise en HTML 5.

figure et figcaption, ces deux balises sont utilisées pour définir des images et des textes

est souvent utilisé comme liste image, image + titre. ou Image + titre + brève description. Écriture conventionnelle précédente :

25edfb22a4f469ecb59f1190150159c6
 b3cf2d4f8cb466f8e3a23c9e535ca79ae388a4556c0f65e1904146cc1a846beetitleee2bfd64228f824cf6027e0da2815b78
bed06894275b65c1ab86501b08a632eb

Et dans html5 il y a une nouvelle balise qui peut sémantiquement définir cette liste d'images, c'est la balise figure. La balise

figure spécifie le contenu du flux indépendant (images, graphiques, photos, code). Le contenu de l'élément figure doit être lié au contenu principal, mais s'il supprimé, il ne devrait avoir aucun impact sur le flux des documents. La balise

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

Ensuite le code ci-dessus devient :

<figure>
<figcaption>title</figcaption>
<img src="test.jpg"  />
</figure>

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