フィギュアタグとは何ですか？いつ使用しますか?-htmlチュートリアル-php.cn

フィギュアタグとは何ですか？いつ使用しますか?

藏色散人

リリース： 2018-11-01 17:26:35

オリジナル

13654 人が閲覧しました

この記事では、html5の新しいタグfigureタグの定義と使い方を中心に紹介します。

HTML5 は HTML の最新改訂版で、より豊富なタグを使用して Web ページにより良い意味と構造を与えます。したがって、初心者の中には、この figure タグとは何ですか? と疑問に思う人もいるかもしれません。 figure タグはどのような場合に使用する必要がありますか?

推奨関連チュートリアル: HTML5 チュートリアル

次に、figure タグの公式定義では、独立したストリームコンテンツが規定されています (画像、図、写真、コードなど）。

以下、HTML5におけるfigureタグの具体的な使い方を簡単なコード例とともに紹介します。

<!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="フィギュアタグとは何ですか？いつ使用しますか?" >
</figure>
</body>
</html>

ログイン後にコピー

上記のコードは、figure タグの使用例を示しています。フロントデスク経由でアクセスした場合の効果は次のとおりです。

フィギュアタグとは何ですか？いつ使用しますか? 前述したように、figure は独立したストリーミングを指定します。内容の写真や画像など。つまり、figure タグは、Web サイト制作ページ上の独立したコンテンツを表すために使用できます。Web ページから削除しても、Web ページ上の他のコンテンツには影響しません。図で表されるコンテンツは、写真、統計グラフ、またはコード例です。