本文摘自PHP中文网，作者寻∝梦，侵删。
html5 source标签怎么用？html5 source标签属性介绍。现在开始介绍本篇文章的内容，主要给大家讲的是html5 source标签的使用和html5 cource标签的三个属性具体的介绍html5 source标签定义和用法：
<source> 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源。
<source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。
HTML5<source>标签实例：
拥有两份源文件的音频播放器。浏览器应该选择它所支持的文件（如果有的话）：
1 2 3 4 5 |
|
<source>标签基本属性：
media：媒体资源的类型，供浏览器决定是否下载（值：media_query）。
src：媒体文件的 URL（值：URL）。
type：媒体资源的 MIME 类型（值：MIME_type）。
注：<source>标签标签支持html全局属性和html事件属性
html5 source标签的格式：
1 |
|
HTML5<source>media属性：
使用 media 属性：
1 |
|
HTML5<source>media属性定义和用法：
media 属性规定媒体资源的类型（文件是为何种媒体/设备进行了优化）。
浏览器可使用该属性来判断它是否能播放这个文件。如果不能播放，则可以选择不进行下载。
注释：该属性可接受多个值。
HTML5<source>media属性语法：
1 |
|
注：因为任何浏览器都不支持<source>标签的media属性。所以就不多说了。
HTML5<source>src属性：
HTML5<source>src属性的定义和用法：
src 属性规定要播放的媒体文件的 URL。
HTML5<source>src属性的语法：
1 |
|
HTML5<source>src属性的使用实例：
带有两个资源文件的音频播放器。浏览器应该选择它支持的那个文件（如果有的话）：
1 2 3 4 5 |
|
HTML5<source>src属性的属性值：
HTML5<source>type属性：
HTML5<source>type属性的定义和用法：
type 属性规定媒体资源的 MIME 类型。
type 属性的使用：
1 2 3 4 5 |
|
HTML5<source>type属性的语法：
1 |
|
HTML5<source>type属性的属性值：
HTML 4.01 与 HTML 5 之间的差异
<source> 标签是 HTML 5 中的新标签。
浏览器支持：
Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <source> 标签。
注释：Internet Explorer 8 以及更早的版本不支持 <source> 标签。
【相关推荐】
html meta标签的作用是什么？html meta标签常见的属性介绍
html map标签是什么？html map标签的结构及具体使用方法详解
以上就是html5 source标签怎么用？html5 source标签属性介绍的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
HTML5之pushstate和popstate操作history无刷新改变当前url的详细介绍
HTML5元素拖拽drag与拖放drop相关api的具体介绍（图文）
HTML5+canvas调用手机拍照功能实现图片上传功能（图文详解下篇）
更多相关阅读请进入《HTML5》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
