在html5中，source标签用于提供不同类型的视频或者音频文件供浏览器进行选择，语法为“”。

本教程操作环境：windows10系统、HTML5版、Dell G3电脑。

html5的source标签

标签为媒体元素（比如

标签允许您规定两个视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。

可能的属性值如下：

• media     media_query 规定媒体资源的类型，供浏览器决定是否下载。

• src           URL 规定媒体文件的 URL。

• type        MIME_type 规定媒体资源的 MIME 类型。

  

  响应式烟草公司HTML5网站模板

  响应式烟草公司HTML5网站模板是一款适合提供各种不同种类的优质烟草公司宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

  下载

• sizes        不同页面布局设置不同图片大小。

• srcset       URL 应用于 标签时需要使用到。指定在不同情况下使用的图像 URL。

示例如下：

带有两个源文件的音频播放器。浏览器需要选择它所支持的源文件（如果都支持则任选一个）：

nbsp;html>

 
<meta> 
<title>123</title> 


<audio><source><source>
您的浏览器不支持 audio 元素。
</source></source></audio>

输出结果：

推荐教程：《html视频教程》

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！