意味：記事一覧の画像を図形で囲む必要がありますか？

Question

は、このような（ブログのように、ニュースポータル）物品の代表的な指標で：

それはfigureに含まれる画像のサムネイルを持っているなら、単独それをさせることは罰金だろうか？

The HTML5 spec defines figure as、

図形要素は、コンテンツの単位を表し、任意に キャプションと、それは自己完結型であり、それは、典型的には、文書の主流から 単一ユニットとして参照され、 をドキュメントのメインフローから移動して、 ドキュメントの意味に影響を与えることなく移動できます。

しかし、画像サムネイルをfigureの中に入れてはいけない/できないことを意味するのであれば、私はまだ問題を抱えています。

たとえば、画像がなくても記事の意味は変更されないため、修飾されます。しかし一方で、サムネイル画像は完全に自己完結型ではありません。

In another question @unorは、画像自体に別のキャプションが必要な場合にのみフィギュアを使用することを推奨します。しかし仕様では、キャプションはオプションであることがわかります。

誰でも私を助けることができますか？

Answer 1

<figure>は、ニュース記事やチュートリアルに表示される可能性のあるチャート、吹き出しイメージ、表、コードブロックなどと考えることができます。

キャプションが何らかの種類のものである必要がある場合は、それをサポートするためにfigcaption要素を持つ<figure>を使用してください。キャプションの欠如はではなく、は<figure>が許可されていないことを意味し、<figure>はfigcaptionを必要としません。あなたはできます

すべての画像が<figure>に属しているわけではありません。たとえば、テキストまたはその他のテキスト記述（longdescなど）が表示されない場合は、<figure>を使用する資格がない可能性があります。

イメージが目のキャンディーのように単純に存在する場合、主に装飾である引き込みイメージの場合は、おそらく<figure>を使用してスキップすることができます。あなたが<p>でそれを包むかどうか（または何でも）はあなた次第です。

もっとコンテキスト（画像、全ページ、など）を見ずに、サムネイルとその不在を持つインデックスが意味を損傷しないよう、あなたがそれを記述するので、私はあなたが<figure>を無視すべきだと思います。この2010年の記事にいくつかの比較的最近の議論がある

：http://html5doctor.com/the-figure-figcaption-elements/