src属性

このエントリーをはてなブックマークに追加

src属性は要素のソースを指定できる属性です。

script要素

script要素と合わせて利用することでsrc属性に記述されたURLやファイル名に書かれた内容をスクリプトとして実行します。

<script src="jquery.min.js"></script>

img要素

img要素のsrc属性は画象ファイルのURLやパスを指定できます。

<img src="images/photo.jpg" alt="代替テキスト">

iframe要素

iframe要素ではsrc属性にページ内で読み込みたいWebページのアドレスを指定することで、インラインフレーム内に指定したWebページを読み込むことができます。

<iframe src="http://www.webcreativepark.net/html/"></iframe>

embed要素

embed要素ではsrc属性に読み込みたいコンテンツのURLやパスを記述します。

<embed src="flash.swf">

vide要素

vide要素ではsrc属性で読み込む動画のURIを指定することができます。

<video src="movie.mp4" widt="200" widt="100"></video>

audio要素

audio要素ではsrc属性で読み込む音声ファイルのURIを指定することができます。

<audio src="audio.mp4"></audio>

source要素

source要素では代替ファイルのURIをsrc属性で指定できます。

<video src="movie1.mp4" widt="200" widt="100">
	<source src="movie2.mp4">
	<source src="movie3.mp4">
	<p>代替コンテンツ</p>
</video>

track要素

track要素ではsrc属性でテキストトラックのファイルを指定します。

<video src="brave.webm">
	<track kind="subtitles" src="brave.en.vtt" srclang="en" label="English">
	<track kind="captions" src="brave.en.hoh.vtt" srclang="en" label="English for the Hard of Hearing">
	<track kind="subtitles" src="brave.fr.vtt" srclang="fr" lang="fr" label="Français">
	<track kind="subtitles" src="brave.de.vtt" srclang="de" lang="de" label="Deutsch">
</video>

input要素

input要素ではtype属性が「image」の場合に利用ができ、イメージボタンのURLを指定できます。

<input type="image" src="xxx.jpg" alt="xxx">

参考URL

4.3.1 The script element src - W3c

登録日 : 2013年08月23日 最終更新日 : 2015年1月4日

同じカテゴリー(属性)のエントリー

検索

スポンサードリンク

バージョン

リファレンス