<picture>
グローバル属性
<picture>タグは、ウェブ開発者に画像リソースを指定する際により柔軟性を提供します。最も一般的な使用法は、レスポンシブデザインにおけるアートディレクションです。この要素を使用することで、異なるデバイスや解像度に応じて、適切な画像を表示することができます。[1] <img>タグは、HTMLページに画像を埋め込むために使用されます。画像は厳密にはウェブページに挿入されるのではなく、ウェブページにリンクされます。<img>タグは、参照される画像の保持スペースを作成します。<img>タグには2つの必須属性があります。src属性は画像のパスを指定します。[2] <img>タグは、ウェブページに画像を埋め込むために使用されます。画像は厳密にはウェブページに挿入されるのではなく、ウェブページにリンクされます。<img>タグは空要素であり、属性のみを持ち、終了タグを持ちません。[3] HTMLの<picture>タグは、レスポンシブな画像表示やアートディレクションに利用されます。一方、<img>タグは画像を直接埋め込むために使用されます。