<picture>
画像・音声・動画
画面の大きさや形式に応じて別の画像を選ばせます。
| 書き方 | <picture></picture> |
|---|---|
| 閉じタグ | </picture> |
| 空要素 | いいえ — 閉じます |
| よく使う属性 | 特にありません |
| 分類 | 画像・音声・動画 |
読み方
- タグはたいてい開くものと閉じるものが対になります。imgやbrのように内容のないタグだけ閉じません。
- 閉じない要素に</br>と書いても意味はなく、ブラウザーは無視するか空行を一つ増やします。
- 見た目はCSSの仕事です。タグは「これが何か」を語り、太字や斜体はその結果にすぎません。
- 意味に合うタグを選べば検索も読み上げも良くなります。何でもdivで包むとその情報が失われます。
よくある質問
Q. HTMLの <picture> タグとは何ですか。
画面の大きさや形式に応じて別の画像を選ばせます。
Q. <picture> はどう書きますか。
<picture></picture> のように書きます。開く <picture> と閉じる </picture> が対になります。
Q. <picture> でよく使う属性は。
とくに決まった属性はありません。すべての要素が持つ class・id・style は使えます。
Q. <picture> はどの分類ですか。
画像・音声・動画の分類です。