html5タグのfigureとfigcaptionの違いの比較

定義と使い方

614eb9dc63b3fb809437a716aa228d24 タグは、figure 要素のタイトル (キャプション) を定義します。

「figcaption」要素は、「figure」要素の最初または最後の子要素として配置する必要があります。

ブラウザのサポート

すべての主要なブラウザは 614eb9dc63b3fb809437a716aa228d24 タグをサポートしています。

HTML 4.01とHTML 5の違い

614eb9dc63b3fb809437a716aa228d24タグはHTML 5の新しいタグです。

figure と figcaption、これら 2 つのタグは、画像とテキストを定義するために使用されます。

では、画像 + タイトル、または画像 + タイトル + 簡単な説明の 画像リストがよく使用されます。従来の従来の書き方:

25edfb22a4f469ecb59f1190150159c6
b3cf2d4f8cb466f8e3a23c9e535ca79ae388a4556c0f65e1904146cc1a846beetitleee2bfd64228f824cf6027e0da2815b78
bed06894275b65c1ab86501b08a632eb

そしてhtml5の新しいタグはこの画像リストを意味的に定義できます。それが Figure タグです。

figure タグは、独立したフロー コンテンツ (画像、チャート、写真、コード) を指定します。 Figure 要素のコンテンツはメイン コンテンツに関連している必要がありますが、削除してもドキュメント フローに影響を与えることはありません。

figcaption タグは、Figure 要素のタイトルを定義します。 「figcaption」要素は、「figure」要素の最初または最後の子要素として配置する必要があります。

すると、上記のコードは次のようになります:

<figure>
<figcaption>title</figcaption>
<img src="test.jpg"  />
</figure>

以上がhtml5タグのfigureとfigcaptionの違いの比較の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。