最新的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