HTML5におけるfigcaptionタグの使い方を詳しく解説

HTML5 の Figure タグと figcaption タグは通常、一緒に使用されます。まず、この 2 つの基本的な定義を理解してから、例を示してその使用法を説明します。

タグは、独立したフロー コンテンツ (画像、チャート、写真、コードなど) を指定します。

figure 要素のコンテンツはメイン コンテンツに関連している必要がありますが、削除してもドキュメント フローに影響はありません。これは要素の組み合わせであり、オプションでタイトルも付けられます。 Figure タグは、Web ページ上の独立したコンテンツを表すために使用されます。Web ページから削除しても、Web ページ上の他のコンテンツには影響しません。

figure にはサブタグ: figcaption があります。

タグは、Figure 要素のキャプションを定義します。
「figcaption」要素は、「figure」要素の最初または最後の子要素として配置する必要があります。

OK、Figure タグと figcaption タグについては以上です。いくつかの例を使用して適用してみましょう。以下の通り:

ケース 1: タイトルのない

figure 要素:

ケース2: タイトル付きの

figure 要素:

Web フロントエンド ホーム、フォーカス Web フロント-エンド、HTML5、CSS3、JavaScript、JQueryなどのフロントエンド技術を開発するための交換プラットフォーム、モバイル開発、ページパフォーマンスの最適化

ケース3:

同じタイトルの複数の Picture、Figure 要素:

-end ホーム 2 " src="logo2.png"/>

Web フロントエンド ホーム、主にWeb フロントエンド、HTML5、CSS3、JavaScript、JQuery、モバイル開発、ページ パフォーマンスの最適化などのフロントエンド テクノロジを開発するための通信プラットフォーム

以上がHTML5におけるfigcaptionタグの使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。