html5 source type有什么用处?html5 source标签的详细介绍


本文摘自PHP中文网,作者寻∝梦,侵删。

html5 source type有什么用处?html5 source标签的内容又有哪些?本篇文章主要讲述了html5 source type的具体属性和用法,还有详细的介绍了html5 source标签的定义和应用(附实例)。

HTML5<source>type属性实例:

使用 type 属性:

1

2

3

4

5

<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>

HTML5<source>type属性的语法:

1

<source type="MIME_type">

HTML5<source>type属性的属性值:

tu1.png

HTML5<source>type属性定义和用法:

type 属性规定媒体资源的 MIME 类型。

HTML 4.01 与 HTML 5 之间的差异:

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

浏览器支持:

Internet Explorer 9+、Firefox、Opera、Chrome 以及 Safari 支持 type 属性。

注释:Internet Explorer 8 以及更早的版本不支持 <source> 标签。

HTML5<source>标签实例:

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

1

2

3

4

5

<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>

HTML5<source>标签的定义和用法:

<source> 标签为媒介元素(比如 <video> 和 <audio>)定义媒介资源。

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

HTML5 source标签是一种媒介元素(比如 <video> 和 <audio>)来定义媒介资源。<source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。 这里主机吧给大家讲一下source标签的应用属性和实例。

<source>标签属性:

tu3.png

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

应用实例:

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

1

2

3

4

5

<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 中的新标签。

总结

以上所述是小编给大家介绍的HTML5 source标签:媒介元素定义媒介资源,希望对大家有所帮助,如果大家有任何疑问请给我留言

【相关推荐】

HTML中的lang属性是干嘛的呢?HTML中的lang属性有什么作用呢?

HTML5新增的结构元素有哪些?HTML5新增的结构元素的用法(推荐)

以上就是html5 source type有什么用处?html5 source标签的详细介绍的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

HTML5 navigator.geolocation基于浏览器获取地理位置代码案例

HTML5新表单元素的图文实例

HTML5新特性之mutation observer代码详解

HTML5表单元素实例讲解

react高阶组件(装饰器)的介绍(代码示例)

详解HTML5网络拓扑图整合openlayers实现gis地图应用(图)

HTML5让图片转圈的动画效果的实现方法介绍

HTML5中布尔属性的hidden

HTML5 video怎么停止播放视频

HTML5 canvas中如何绘制图像

更多相关阅读请进入《HTML5》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...