HTML5语音标签和作用,HTML5标签:source元素的使用方法及作用

html元素 标签是html5中新增的标签,主要用于指定音频、视频、图片类型的媒体资源。有关 标签的使用方法及作用详解如下:

标签的定义

标签是为、和标签指定多个媒体资源,比如音频、视频、图片。

标签通常将相同内容的媒体资源,以多种格式的形式,提供给浏览器,浏览器优先选择自己支持格式的媒体内容。

标签是 HTML 5 中新增的标签。

浏览器支持情况

标签已被 IE9+, Firefox, Opera, Chrome 以及 Safari 支持;

但在Internet Explorer 8 以及更早的版本中,是不被支持的。

标签用法

标签来为同一个媒体数据指定多个播放格式与编码方式,以确保浏览器可以从中选择一种自己支持的播放格式进行播放,浏览器的选择顺序为代码中的书写顺序,它会从上向下判断自己对该播放格式是否支持,直到选择到自己支持的播放格式为止。

标签本身不代表任何含义,不能单独出现。,往往嵌套在媒体标签和以及等标签内;

1、嵌套在内,指定多种音频格式供浏览器选择

当前浏览器不支持 audio 标签

2、嵌套在内,指定多种视频格式供浏览器选择

当前浏览器不支持 video 标签

3、嵌套在内,指定多种不同处理图片的方式

picture标签,可以根据屏幕分辨率,让浏览器自己选择加载什么图片

      

标签属性

标签包含src、type、media三个属性,分别介绍如下:属性值描述

mediamedia_query说明媒体在何种媒介中使用,不设置时默认值为all,表示支持所有媒介。

srcURL规定媒体文件的URL地址。

typeMIME_type规定媒体资源的 MIME 类型,帮助浏览器在获取媒体前判断是否支持此类别的媒体格式

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值