src属性 - ファイルの URL

■ 概要

項  目説  明
記述形式 src = "ファイル"   
値 の形式 URL   
対応ブラウザー C3+ / e?+ / N?+ / Fx?+ / Op?+ / Ch9+ / Sa?+   
適用可能な要素
(種  類)
<audio> *<embed><img><iframe><input>,   
<script><source> *<track> *<video> *   
固有属性)   
継  承 しない

■ 解説

src属性 は,

audio 要素embed 要素img 要素iframe 要素input 要素( type="image" が指定されたもの)script 要素source 要素track 要素video 要素 で,
画像,音声,映像,スクリプト,組み込みコンテンツなどの ファイルの URL を指定します。

より具体的には,

[1] audio 要素 で,
音声ファイルの URL を指定します。 ただし,複数の音声ファイルを指定する場合は,audio 要素src属性 ではなく,source 要素src属性 を使用して指定します。

[2] embed 要素 で,
組み込むコンテンツの URL を指定します。

[3] img 要素 で,
画像ファイル名(URL を指定します。 通常,GIF,JPG,PNG 形式の画像ファイルが使われますが,HTML5 の仕様では SVGファイルPDFファイル なども指定できることになっています。

[4] iframe 要素 で,
フレーム内に組み込んで 表示するページの URL を指定します。

[5] type="image" が指定された input 要素<input type="image"> で,
画像ファイル名(URL を指定します。 この属性を省略することはできません。

[6] script 要素 で,
外部のスクリプト・ファイルを読み込んで利用する場合に,スクリプト・ファイルの URL を指定します。

[7] source 要素 で,
メディア・ファイル(音声ファイルとビデオファイル)の URL を指定します。 この属性は必須です。

[8] track 要素 で,
字幕,キャプション,チャプターなどの トラック情報をもつファイルの URL を指定します。

[9] video 要素 で,
ビデオ・ファイルの URL を指定します。 ただし,複数のビデオ・ファイルを指定したい場合は,video 要素src属性 ではなく,source 要素src属性 を使用して指定します。

■ 使用例( src属性の利用)

src属性 をもつ各要素(上の表の「適用可能な要素」を参照)の使用例を見てください。

■ 備考

【参考ページ】