HTML | DOM 源 src 属性

src 属性用于指定 HTML 元素的外部资源URL（例如脚本、图像、音频和视频文件等）。该属性主要用于一些可替换元素，如 img，audio，video。

语法

<tagname src="URL">

属性值

属性值是外部资源的URL。URL可以是相对路径或绝对路径。

示例

<img src="/images/picture.jpg">

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

JavaScript 中修改 src 属性

DOM 提供了修改属性值的方法，可以通过 JavaScript 动态更改 src 属性的值。例如：

document.getElementById("myImage").src = "newimage.jpg";

注意

src 属性是可替换元素的一个必需属性，应该始终包含在标签中。如果省略了该属性，浏览器不会按预期工作。

建议在使用 src 属性时，始终添加属性值的描述信息，这样可以更好地告知屏幕阅读器，同时也有助于优化搜索引擎。可以使用 alt 属性提供替代文本信息，也可以使用 title 属性提供相关信息。

总结

• src 属性是用于指定 HTML 元素的外部资源 URL。
• 应该始终包含在可替换元素标签中，省略会导致浏览器不按预期工作。
• 可以使用 JavaScript 动态更改属性值。
• 建议始终添加属性值的描述信息，包括用 alt 和 title 等属性提供替代文本和相关信息。