HTML src 属性

HTML中的 src 属性通常用于指定页面中嵌入的资源的URL地址，以便浏览器可以加载和显示这些资源，例如图片、音频、视频、样式和脚本等。

语法

<tagname src="URL">

其中，tagname 可以是 img、audio、video、link、script 等标签，URL 是资源的URL地址。

用法

以下是常见的 src 属性用法：

图片

<img src="image.jpg" alt="description">

src 属性指定了要显示的图片的URL地址，alt属性则提供了一种用于在图片无法显示时提供说明文本的机制。在加入 alt 属性的情况下，如果无法显示图片，则浏览器会加载 alt 属性中提供的文本。

音频

<audio src="music.mp3" controls></audio>

audio 元素中的 src 属性用于指定要播放的音频文件的URL地址。controls 属性添加了一个标准音频播放器，允许用户控制音频播放。用户可以暂停、播放、停止、调整音量等等。

视频

<video src="movie.mp4" controls></video>

video 元素中的 src 属性用于指定要播放的视频文件的URL地址。controls 属性添加了一个标准视频播放器，允许用户控制视频播放。用户可以暂停、播放、停止、调整音量、全屏等等。

样式

<link rel="stylesheet" type="text/css" href="style.css">

link 元素中的 href 属性用于指向外部的样式文件的URL地址，rel 属性 告诉浏览器该文件是一个样式表。当页面加载时，浏览器会下载并解析该样式表，并应用其中定义的CSS样式。

脚本

<script src="script.js"></script>

script 元素中的 src 属性用于指向外部的JavaScript文件的URL地址。浏览器会根据这个URL下载JavaScript文件并执行其中定义的脚本。注意，script 元素中也可以直接在标签内编写JavaScript脚本，而无需指定 src 属性。

注意事项

• src 属性必须包含有效的URL地址，否则浏览器将无法找到并加载资源。
• 对于外部资源，建议指定绝对URL，这可以避免在资源位置变更时出现问题。
• 不应将机密信息包含在URL中，因为这些信息可能会在地址栏、日志文件、浏览器历史记录等地方被保存下来并暴露出去。
• 使用带有 http 或 https 前缀的URL可以让浏览器自动选择正确的协议类型。