HTML src 语法
在 HTML 中，src 属性用于定义资源的 URL 地址，它通常用于引用外部文件（比如图像、视频、音频、脚本等）。src 属性可以用于以下元素：
- img：嵌入图像。
- script：嵌入脚本。
- iframe：嵌入外部网页。
- audio：嵌入音频。
- video：嵌入视频。
- source：指定 audio 或 video 元素的媒体资源。
- input：当 type="image" 时，用于指定图片按钮的来源。
- track：指定 audio 或 video 的字幕文件（WebVTT）。
- embed：用于嵌入外部内容。
语法：
<element src="URL">
<element src="URL"></element>说明：
element 是支持 src 属性的元素。URL 是文件路径，它可以是相对路径，也可以是绝对路径。
HTML src 摘要
| 适用元素 | img、script、iframe、audio、video、source、input、track、embed |
|---|---|
| 使用频率 | 高 |
| 兼容性 | 查看 |
| 官方文档 | 查看 |
| MDN | 查看 |
HTML src 示例
接下来，我们通过几个简单的例子来讲解一下 HTML src 属性是如何使用的。
示例 1：img 元素中使用 src 属性
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<img src="imgs/bird.jpg" alt="">
</body>
</html>页面效果如下图所示。
分析：
在上面例子中，src 属性用于定义图片路径。其中，“imgs/bird.jpg” 就是这张图片的路径。如果我们把 “imgs/bird.jpg” 去掉，此时图片就不会显示出来了。
示例 2：script 元素中使用 src 属性
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/index.js"></script>
</head>
<body>
</body>
</html>分析：
在上面例子中，src 属性用于定义外部 JavaScript 文件的路径。
<script src="js/index.js"></script>上面这句代码表示，使用 script 标签来引入路径为 “js/index.js” 这个外部 JavaScript 文件。
示例 3：iframe 元素中使用 src 属性
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<iframe src="https://www.lvyenet.com" width="400" height="300"></iframe>
</body>
</html>页面效果如下图所示。
分析：
在上面例子中，src 属性用于定义 iframe 元素嵌入的网页的地址。
