<figure>
HTML5を使用することの特定の利点/使用法はあります<img>
か?
<figure>
なしではダメだと思い<figurecaption>
ませんか?
例を挙げて説明すると役に立ちます。
画像は技術的に HTML ページに挿入されるのではなく、画像は HTML ページにリンクされます。<img>
タグは、参照されるイメージの保持スペースを作成します。
要素のコンテンツは<figure>
メイン フローに関連していますが、その位置はメイン フローから独立しており、削除されてもドキュメントの流れに影響を与えるべきではありません。
" img 要素はイメージを表します" 一方、 "[t]the figure 要素は、自己完結型のコンテンツの単位を表し、オプションでキャプションを付けます。これは通常、ドキュメントのメイン フローから単一の単位として参照されます。また、ドキュメントの意味に影響を与えることなく、ドキュメントのメイン フローから移動することができます。 」
タグは、本の図や図に相当するコンテンツのコンテナーを提供します。キャプションを 1 つ以上の画像、コード ブロック、またはその他のコンテンツでグループ化するために使用できます。
言い換えれば、画像や図をグループ化したり、1 つまたは 1 つのキャプションで画像をキャプションしたりできるようにすることで、画像や図をより自由に、現実的に操作できるようになります。
タグを使用する場合は常にHTML5figure
が使用されます。img, video
caption (figcaption)
キャプション テキストを含む関連する画像 (またはその他のコンテンツ) が多数ある場合、ネストされた Figure 要素を使用して、グループ キャプションと個々のキャプションの両方を、figcaption
要素を使用して各インスタンスに関連付けることができます。
<figure role="group">
<img src="castle-etching.jpg" alt="The castle has one tower, and a tall wall around it.">
<figcaption>Charcoal on wood. Anonymous, circa 1423.</figcaption>
</figure>