figure est un nouveau tag. Figure est une nouvelle balise sémantique en HTML5, utilisée pour spécifier un contenu de flux indépendant, tel que des images, des graphiques, des photos, etc. ; le contenu de la figure est généralement lié au contenu principal et la position de l'élément est indépendante de celui-ci. le contenu principal Oui, si vous le supprimez, cela n’affectera pas les autres contenus de la page Web.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.
Le contenu de la figure est généralement lié au contenu principal, tandis que la position des éléments est indépendante du contenu principal. S'il est supprimé, cela ne devrait pas affecter le flux de documents ; c'est-à-dire que si le chiffre est supprimé, cela n'affectera pas les autres contenus de la page Web.
Remarque :
L'élément
Insérez un
Avantages de l'utilisation des balises figure et figcaption
Lorsque les moteurs de recherche En recherchant une figure, 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 choses 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, ce sont des images et d'autres médias pour une lecture facile.
Exemple :
<!doctype html> <html> <head> <meta charset="utf-8"> <title>figure和 figcaption元素的使用</title> </head> <body> <p>被称作“第四代体育馆”的“鸟巢”国家体育场是 2008年北京奥运会的标志性建筑，它位于北京北四环边，包含在奥林匹克国家森林公园之中。占地面积 20.4万平方米，总建筑面积 25.8万平方米，拥有 9.1万个固定座位，内设餐厅、运动员休息室、更衣室等。2008年奥运会期间，承担开幕式、闭幕式、田径比赛、男子足球决赛等赛事活动。</p> <figure> <figcaption>北京鸟巢</figcaption> <p>拍摄者：XXXX，拍摄时间：2020 年 09 月</p> <img src="La figure est-elle une nouvelle balise en HTML5 ?" alt=""> </figure> </body> </html>
(Partage de vidéos d'apprentissage : tutoriel vidéo html, front-end web)
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
