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

定義と使い方

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

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

ブラウザのサポート

すべての主要なブラウザは

タグをサポートしています。

HTML 4.01とHTML 5の違い

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

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

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

title

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

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

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

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

<figure>
<figcaption>title</figcaption>
<img  src="/static/imghwm/default1.png"  data-src="test.jpg"  class="lazy"    / alt="html5タグのfigureとfigcaptionの違いの比較" >
</figure>

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