ホームページ >ウェブフロントエンド >htmlチュートリアル >フィギュアタグとは何ですか？いつ使用しますか?
フィギュアタグとは何ですか？いつ使用しますか?
- 藏色散人オリジナル
- 2018-11-01 17:26:3513696ブラウズ
この記事では、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 ページ上の他のコンテンツには影響しません。図で表されるコンテンツは、写真、統計グラフ、またはコード例です。
上図のように、図タグ内の写真とタイトルが独立して表示されます。
注:
Figure 要素のコンテンツはメイン コンテンツに関連している必要がありますが、削除してもドキュメント フローに影響はありません。
この記事は、HTML5 での新しいタグ Figure の使用方法を紹介するもので、困っている友人の役に立てば幸いです。
フロントエンドの知識についてさらに詳しく知りたい場合は、PHP 中国語 Web サイト HTML5 チュートリアル およびその他の関連するフロントエンド ビデオ チュートリアルを参照してください。
以上がフィギュアタグとは何ですか？いつ使用しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。