図tag_html/css_WEB-ITnose

Figure 要素は、独立したコンテンツを含めるために使用されます。コンテンツが削除されても、周囲のコンテンツには影響しません。具体的には、画像、統計チャート、チャート、オーディオ、ビデオ、コード スニペットなどを表すために使用できます。必要に応じて、コンテンツにタイトルを追加することもできます。このタイトルは figcaption で表されます。 figcaption は、figure 要素の子要素としてのみ使用でき、figure 要素内のどこにでも配置できます。形状は次のようなものです:

<figure><img src="" alt="" /><figcaption>博客园</figcaption></figure>

すべての写真が Figure でラップされているわけではなく、img タグにもセマンティクスがあります。図が単にプレゼンテーションのみを目的としており、文書内の他の場所で参照されない場合は、図を絶対に使用しないでください。コンテキストに関連する場合は、付録に移動することもできます。その場合は図を使用せず、脇に置くのが適切かもしれません。

figure要素とside要素は似たような内容を表現しているように見えますが、side要素の方が含めることができる内容はfigureよりも多岐にわたります。選び方がわからない場合は、このコンテンツがキーポイントである、または非常に重要で、周囲のコンテンツに不可欠である場合は図を使用し、それ以外の場合は脇に使用することができます。

注:

figure 要素に配置できる figcaption 要素は 1 つだけですが、他の要素は無制限に配置できます。すべての画像で Figure 要素を使用する必要があるわけではないことに注意してください。

HTML 図タグ