Qu'est-ce que l'étiquette de la figure ? Quand l'utiliser ?-tutoriel HTML-php.cn

Qu'est-ce que l'étiquette de la figure ? Quand l'utiliser ?

藏色散人

Libérer： 2018-11-01 17:26:35

original

13625 Les gens l'ont consulté

Cet article vous présente principalement la définition et l'utilisation de la nouvelle balise tag figure en html5.

HTML5 est la dernière version révisée du HTML, utilisant des balises plus riches pour donner aux pages Web une meilleure signification et une meilleure structure. Alors certains nouveaux arrivants peuvent se demander : qu'est-ce que cette balise figure ? Quand la balise figure est-elle utilisée ?

Tutoriels associés recommandés : Tutoriel HTML5

Ensuite, la définition officielle de la balise figure stipule un contenu de flux indépendant (Images , schémas, photos, code, etc.).

Ci-dessous, nous présenterons la méthode spécifique de balise figure en HTML5 avec des exemples de code simples.

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>figure标签使用示例</title>
<head>
</head>
<body>
<p>
    HTML5是HTML最新的修订版本，由万维网联盟（W3C）于2014年10月完成标准制定。,<br>
    目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网上标准达到匹配当代的网上需求。<br>
    广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。<br>
    它希望能够减少网页浏览器对于需要插件的丰富性网上应用服务（Plug-in-Based Rich Internet Application，RIA），<br>
    例如：Adobe Flash、Microsoft Silverlight与Oracle JavaFX的需求，并且提供更多能有效加强网上应用的标准集。
</p>
<figure>
    <p>图片主题名称</p>
    <p>图片制作时间：11.1</p>
    <img  src="img/2.png" alt="Qu'est-ce que l'étiquette de la figure ? Quand l'utiliser ?" >
</figure>
</body>
</html>

Copier après la connexion

Le code ci-dessus vous présente un exemple d'utilisation de la balise figure L'effet de l'accès via la réception est le suivant :

Quest-ce que létiquette de la figure ? Quand lutiliser ? Comme mentionné précédemment, la figure précise. photos de contenu en streaming indépendant, images, etc. En d’autres termes, la balise figure peut être utilisée pour représenter un élément de contenu indépendant sur la page de production du site Web. Sa suppression de la page Web n’affectera pas les autres contenus de la page Web. Le contenu représenté par la figure peut être une image, un graphique statistique ou un exemple de code.

Comme le montre l'image ci-dessus, l'image et le titre dans la balise de la figure sont affichés indépendamment.

Remarque :

Le contenu de l'élément figure doit être lié au contenu principal, mais s'il est supprimé, il ne devrait avoir aucun impact sur le flux documentaire.

Vous pouvez utiliser l'élément

pour ajouter une légende à une figure.

Cet article explique comment utiliser la nouvelle figure de balise en HTML5. Il devrait être très simple et facile à comprendre. J'espère qu'il sera utile aux amis dans le besoin !

Si vous souhaitez en savoir plus sur les connaissances front-end, vous pouvez suivre le site Web PHP chinois Tutoriel HTML5 et d'autres tutoriels vidéo front-end associés !

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!