HTML <source > 标签

2025 年 3 月 25 日 | 阅读 2 分钟

HTML <source> 标签用作子元素,为 <audio>、<video> 和 <picture> 元素定义多个媒体资源。

它用于提供具有不同格式(例如 mp3、mp4 等)的相同媒体内容。

当我们嵌入具有相同内容但不同格式的多个资源时,浏览器可能会选择最兼容的格式并显示或播放该媒体文件。

<source> 标签在 HTML5 中引入。

语法

以下是关于 HTML <source> 标签的一些规范

显示内联
开始标签/结束标签空标签(只有开始标签)
用途媒体资源

示例

输出

HTML source tag

属性

标签特定属性

属性描述
media媒体查询 (Media_query)它确定链接的源针对哪种媒体/设备进行了优化。
尺寸 (sizes) 它指定不同页面布局的可接受图像尺寸。
src 它确定媒体文件的 URL。
srcset 为不同情况指定图像的 URL。它仅在 <source> 是 <picture> 元素的子元素时使用。
typevideo/ogg
video/mp4
video/webm
audio/ogg
audio/mpeg
它确定资源的媒体类型。

全局属性

<source> 标签支持 HTML 中的全局属性。

事件属性

<source> 标签支持 HTML 中的事件属性。

支持的浏览器

元素chrome browser Chromeie browser IEfirefox browser Firefoxopera browser Operasafari browser Safari
<source>是的是的是的是的是的
下一个主题HTML span 标签