Figure タグと figcaption タグは、HTML5 の新しいセマンティック タグです。
Figure タグ、HTML5 セマンティック タグ。個々のストリーム コンテンツ (画像、チャート、写真、コードなど) を指定するために使用されます。
figcaption タグ、html5 セマンティック タグ。ラベルは、Figure と組み合わせて使用され、Figure 要素のタイトルを定義します。
Figure タグと figcaption タグを使用する利点検索エンジンが図を検索すると、写真、図表、写真、コード、その他のメディアがここに保存されていることがわかり、記事などがここに保存されているとは考えません。検索エンジンを使用すると、検索がより速く、より便利になります。
一方、プログラマーはこのラベルを見ると、ここに存在するのは読みやすい画像やその他のメディアであることがわかります。
次の図は、これら 2 つのタグの使用方法を簡単に説明しています。
ケース 1:タイトルのない Figure 要素:
<図> <img style="マージン: 0px; パディング: 0px; アウトライン: なし; 行の高さ: 25.2px; フォントサイズ: 14px; 幅: 660px; オーバーフロー: 非表示; クリア: 両方; フォントファミリー: tahoma 、arial、Microsoft YaHei;"><figure> <img <figcaption>VeVb Wulin.com、VeVb Wulin.com は、国内の専門的な Web サイト構築リソースおよびスクリプト プログラミング学習 Web サイトであり、asp、php、asp.net、javascript、jquery、vbscript、dos バッチ処理、およびウェブページ制作、ネットワークプログラミング、ウェブサイト構築、その他のプログラミング教材</figcaption></figure>ケース 3:
複数の画像、同じタイトルの図要素:
<figure> <img <img <img <figcaption>VeVb Wulin.com、VeVb Wulin.com は、asp、php、asp.net、javascript、jquery、vbscript、dos を提供する国内の専門的な Web サイト構築リソースおよびスクリプト プログラミング学習 Web サイトです。バッチ処理、Web ページ制作、ネットワーク プログラミング、Web サイト構築、その他のプログラミング教材</figcaption></figure>以上がこの記事の全内容です。皆様の学習のお役に立てれば幸いです。また、VeVb Wulin Network をご支援いただければ幸いです。