概要
- カテゴリー
-
- なし。
- 配置できる場所
-
src属性がないMedia elementの子として。Media elementの要素内での配置順序等は、当該要素の内容モデルによる。picture要素の子として。picture要素内での配置順序等は、picture要素の内容モデルによる。
- 内容モデル
-
- Void elementなので、内容はなし。
- 属性
-
- Media elementの子である場合は、
- グローバル属性
src→Media elementのリソースを示す妥当なURL。必須。type→リソースのMIME typemedia→妥当なメディアクエリ。
picture要素の子である場合は、- グローバル属性
srcset→画像のURLと「非負整数＋小文字のw」（例:200w）又は「非負浮動小数点数＋小文字のx」（例:1.5x）とを半角スペース区切りでセットとして指定（後者は必須ではない）。カンマ区切りで複数セットの指定可能。レスポンシブイメージのための設定。必須。sizes→auto、又は「妥当なメディアクエリとCSSのlength値として許容される値とを半角スペース区切りでセットとして指定（前者は必須ではない）」。カンマ区切りで複数指定可。media→妥当なメディアクエリ。type→リソースのMIME typewidth→px単位の幅を指定する非負整数。単位はつけない。height→px単位の高さを指定する非負整数。単位はつけない。sizes属性が指定されている場合は、「非負整数＋小文字のw」を指定するsrcset属性が必須。- 「非負整数＋小文字のw」を指定する
srcset属性が指定されている場合は、sizes属性が必須。 - 同一の親
picture要素内に他のsource要素又はsrcset属性付img要素がある場合は、type又はmedia（その属性値は空又はallであってはならない）のいずれかの属性が必須。
- Media elementの子である場合は、
- HTML構文におけるタグの省略
-
- Void elementなので、終了タグはなし。ただし、開始タグの末尾をスラッシュで閉じてもよい（
/>）。
- Void elementなので、終了タグはなし。ただし、開始タグの末尾をスラッシュで閉じてもよい（
- 視覚系ブラウザにおいて期待されるレンダリング
-
height属性値及びwidth属性値をレンダリングのヒントとして用いる。
- 意味・用法
-
Media elementの子要素である場合は、複数の代替メディアリソースの指定を著者に許す。最初から順番に検証され、再生可能な形式のものがあればそれが再生される。この場合、レンダリングされたあとに、当該要素をスクリプト等で操作しても効果はない（操作するなら、Media element）。
picture要素の子要素である場合は、（レスポンシブイメージのための）画像（アニメーション画像を含む）の複数の代替リソースセットの指定を著者に許す。
私見・補足
Media elementについては、object要素のように、単純にMedia elementを多重に入れ子にするという方法もありえたような気がするが、HTML Living Standardではそれを選択しなかったようだ。