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

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

巴扎黑
Libérer: 2017-06-27 09:38:16
original
3398 Les gens l'ont consulté

Définition et utilisation

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

Différences entre HTML 4.01 et HTML 5 La balise

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 :


  •  

    title


  • 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>
    Copier après la connexion

    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