Maison  >  Article  >  interface Web  >  La figure est-elle une nouvelle balise en HTML5 ?

La figure est-elle une nouvelle balise en HTML5 ?

青灯夜游
青灯夜游original
2022-05-18 16:21:352524parcourir

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.

La figure est-elle une nouvelle balise en HTML5 ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

est une nouvelle balise en HTML 5, une nouvelle balise sémantique ajoutée à html5.

est utilisé pour spécifier le contenu du flux indépendant (images, graphiques, photos, code, etc.).

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 :

  • Le contour du contenu de l'élément est exclu du plan principal du document. L'élément

  • peut être utilisé avec l'élément

    L'élément

    est utilisé pour définir un titre pour l'élément

    Insérez un

    dans l'élément
    pour lui associer un titre (comme premier ou dernier élément enfant)

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.

La figure est-elle une nouvelle balise en HTML5 ?

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>

La figure est-elle une nouvelle balise en HTML5 ?

(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!

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