轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

HTML src 属性

定义和用法

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>
你的浏览器不支持 audio 元素。
</audio>
亲自试一试 »

Embed 实例

嵌入式 Flash 动画：

<embed src="helloworld.swf">
亲自试一试 »

Iframe 实例

<iframe> 最简单的用法：

<iframe src="/default.php"></iframe>
亲自试一试 »

Img 实例

图像标记如下：

<img src="smiley.gif" alt="笑脸">
亲自试一试 »

Input 实例

带有代表提交按钮的图像的 HTML 表单：

<form action="/action_page.php">
  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">
你的浏览器不支持 audio 元素。
</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>
  您的浏览器不支持 video 视频标签。
</video>
亲自试一试 »

浏览器支持

src 属性对每个元素都有以下浏览器支持：

元素
audio 4.0 9.0 3.5 4.0 10.5
embed Yes Yes Yes Yes Yes
iframe Yes Yes Yes Yes Yes
img Yes Yes Yes Yes Yes
input 1.0 2.0 1.0 1.0 1.0
script Yes Yes Yes Yes Yes
source 4.0 9.0 3.5 4.0 10.5
track 18.0 10.0 31.0 6.0 15.0
video 4.0 9.0 3.5 4.0 10.5