最終更新日：
公開日：
リファレンス
HTML
ソース
source要素
audio要素、video要素、picture要素の中でリソースを指定するために使用します。複数の形式のリソースを用意することで、閲覧する方の様々な環境に対応した表示を行うことができます。
サンプルコード
<audio controls>
<source src="/audio/graycode.mp3" type="audio/mp3">
<source src="/audio/graycode.ogg" type="audio/ogg">
<source src="/audio/graycode.wav" type="audio/wav">
</audio>-
カテゴリー
なし
-
コンテンツモデル
なし（空）
-
使用ケース
属性
- グローバル属性
-
下記の属性に加え、グローバル属性を指定することもできます。
グローバル属性について詳しくは、「HTMLのグローバル属性」をご覧ください。 - src
-
読み込むリソースのURLを指定します。
- srcset
-
デバイスの解像度に応じて複数の画像ファイルを指定したい場合に使用します。「,（カンマ）」で区切り、複数の画像パスを指定します。また、幅や高さ、解像度の倍数をパスの横に指定してください。こちらの要素を指定することで、Retinaなど高解像度デバイスの画像ぼやけ対策となります。
- media
-
読み込むリソースが対応するメディアを指定します。
- type
-
読み込むリソースのMIMEタイプを指定します。
こちらの記事は役に立ちましたか？
コメントありがとうございます！
運営の参考にさせていただきます。
ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。