最新的Web開發教程
 

HTML src Attribute


定義和用法

src屬性指定外部資源的位置(URL)。


適用於

所述src屬性可以在下列元素一起使用:

分子 屬性
<audio> src
<embed> src
<iframe> src
<img> src
<input> src
<script> src
<source> src
<track> src
<video> src

例子

Audio實例

音頻播放器:

<audio src="horse.ogg" controls>
Your browser does not support the audio element.
</audio>
試一試»

Embed

嵌入式flash動畫:

<embed src="helloworld.swf">
試一試»

Iframe示例

一個<iframe>在其最簡單的使用方法:

<iframe src="/default.html"></iframe>
試一試»

Img示例

的圖像被標記為如下:

<img src="smiley.gif" alt="Smiley face">
試一試»

Input示例

一個HTML表單與代表提交按鈕的圖像:

<form action="demo_form.asp">
  First name: <input type="text" name="fname"><br>
  <input type="image" src="submit.gif" alt="Submit">
</form>
試一試»

Script示例

指向外部JavaScript文件:

<script src="myscripts.js"></script>
試一試»

Source示例

音頻播放器具有兩個源文件。 瀏覽器應選擇有哪些文件(如有)的支持:

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
試一試»

Track

有兩個字幕軌道的視頻:

<video width="320" height="240" controls>
  <source src="forrest_gump.mp4" type="video/mp4">
  <source src="forrest_gump.ogg" type="video/ogg">
  <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
  <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>

Video示例

播放視頻:

<video src="movie.ogg" controls>
  Your browser does not support the video tag.
</video>
試一試»

瀏覽器支持

src屬性為每個元素以下瀏覽器支持:

元件
audio 4 9 3.5 4 10.5
embed
iframe
img
input 1.0 2.0 1.0 1.0 1.0
script
source 4 9 3.5 4 10.5
track 18.0 10.0 31.0 6 15.0
video 4 9 3.5 4 10.5