HTML5 source标签详解

时间2024-01-23 05:08:03发布访客分类HTML浏览619

导读：收集整理的这篇文章主要介绍了HTML5 source标签详解，觉得挺不错的，现在分享给大家，也给大家做个参考。HTML5 source标签是一种媒介元素（比如 <video> 和 <audio>）来定义媒介资源。&l...

收集整理的这篇文章主要介绍了HTML5 source标签详解，觉得挺不错的，现在分享给大家，也给大家做个参考。HTML5 source标签是一种媒介元素（比如 video> 和 audio> ）来定义媒介资源。source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。这里主要给大家讲一下source标签的应用属性和实例。

source> 标签属性:

属性	值	描述
media	media query	规定媒体资源的类型。
src	url	规定媒体文件的 URL。
tyPE	numeric value	规定媒体资源的 MIME 类型。

source> 标签支持HTML中的全局属性和事件属性。

应用实例：

拥有两份源文件的音频播放器。浏览器应该选择它所支持的文件（如果有的话）：

audio controls>
       source src="horse.ogg" type="audio/ogg">
       source src="horse.mP3" type="audio/mpeg">
     Your browser does not support the audio element./audio>

输出:

HTML 4.01 与 html 5 之间的差异

source> 标签是 HTML 5 中的新标签。