菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML src 属性


定义和用法

src 属性指定外部资源的位置 (URL)。


适用范围

src 属性可用于以下元素

元素 Attribute
<audio> src
<embed> src
<iframe> src
<img> src
<input> src
<script> src
<source> src
<track> src
<video> src

示例

音频示例

一个音频播放器

<audio src="horse.ogg" controls>
您的浏览器不支持 audio 元素。
</audio>
自己动手试一试 »

Embed 示例

一个嵌入式 Flash 动画

<embed src="helloworld.swf">
自己动手试一试 »

Iframe 示例

一个最简单的 <iframe> 用法

<iframe src="/default.asp"></iframe>
自己动手试一试 »

图片示例

图片标记如下

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

Input 示例

一个带有图片作为提交按钮的 HTML 表单

<form action="/action_page.php">
  名:<input type="text" name="fname"><br>
  <input type="image" src="submit.gif" alt="提交">
</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>
自己动手试一试 »

轨道示例

一个带有两个字幕轨道的视频

<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="英语">
  <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="挪威语">
</video>

视频示例

播放视频

<video src="movie.ogg" controls>
  您的浏览器不支持 video 标签。
</video>
自己动手试一试 »

浏览器支持

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

元素
音频 4.0 9.0 3.5 4.0 10.5
embed
iframe
img
input 1.0 2.0 1.0 1.0 1.0
script
source 4.0 9.0 3.5 4.0 10.5
track 18.0 10.0 31.0 6.0 15.0
视频 4.0 9.0 3.5 4.0 10.5

×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持