このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

source”要素~“type”属性

記事May 14th,2016
July 7th,2020
埋め込むリソースのデータの種類を示す属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

type”属性について

type”属性はリソースのデータの種類を示します。属性値はMIMEタイプで指定します。

指定できる値

属性値 説明
MIMEタイプ リソースのMIMEタイプ

サンプルコード

<p>
<audio controls>
<source src="sample.mp3" type="audio/mp3">
<source src="sample.wav" type="audio/wav">
<source src="sample.ogg" type="audio/ogg">
音声ファイルを再生できません
</audio>
</p>

<p>
<picture>
<source srcset="sample.svg" type="image/svg+xml">
<img src="sample.png" alt="サンプル画像">
</picture>
</p>

サンプル画像

一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク