热线电话 0472-6868359
首页
关于视觉癖
设计服务
热门主题
投稿通道
设计师入驻
设计师招聘
在线留言
联系我们

热门主题

当前位置:视觉癖 > 热门主题 >

<source>标签属性详解,HTML中source标签的作用

发布时间:2021-08-15 14:12 所属分类:热门主题 浏览次数:
  <source>标签属性详解,HTML中source标签的作用
  html元素标签是html5中新增的标签,主要用于指定音频、视频、图片类型的媒体资源。有关标签的使用方法及效果详解如下:
  标签的界说
  标签是为、和标签指定多个媒体资源,比如音频、视频、图片。
  标签通常将相同内容的媒体资源,以多种格局的形式,提供给浏览器,浏览器优先挑选自己支撑格局的媒体内容。
  标签是HTML5中新增的标签。
  浏览器支撑状况
  标签已被IE9+,Firefox,Opera,Chrome以及Safari支撑;
  但在InternetExplorer8以及更早的版别中,是不被支撑的。
  标签用法
  标签来为同一个媒体数据指定多个播映格局与编码方法,以确保浏览器能够从中挑选一种自己支撑的播映格局进行播映,浏览器的挑选次序为代码中的书写次序,它会从上向下判别自己对该播映格局是否支撑,直到挑选到自己支撑的播映格局停止。
  标签自身不代表任何意义,不能单独出现。,往往嵌套在媒体标签和以及等标签内;
标签
  1、嵌套在内,指定多种音频格局供浏览器挑选
  Markup
  <audiocontrols><sourcesrc="music.ogg"type="audio/ogg"><sourcesrc="music.mp3"type="audio/mpeg"><sourcesrc="music.wav"type="audio/Wav">当前浏览器不支撑audio标签audio>
  相关衔接:标签的用法及效果
  2、嵌套在内,指定多种视频格局供浏览器挑选
  Markup
  <videocontrols><sourcesrc="shipin.webm"type="video/webm"><sourcesrc="shipin.ogg"type="video/ogg"><sourcesrc="shipin.mov"type="video/quicktime">当前浏览器不支撑video标签video>
  相关衔接:标签的用法及效果
  3、嵌套在内,指定多种不同处理图片的方法
  picture标签,能够依据屏幕分辨率,让浏览器自己挑选加载什么图片
  Markup
  <picture><sourcesrcset="large.jpg"media="(min-width:800px)"><sourcesrcset="medium.jpg"media="(min-width:600px)"><imgsrcset="small.jpg"alt="默认显示的图片">picture>
  相关衔接:标签的用法及效果
 
作品标签: 标签 HTML

评论列表(共198人参与)参与讨论或分享设计作品获得视觉癖积分奖励

用户头像图片
    ange是注册会员
    2021-08-15 15:29:36

    子是你家的,不是我家的,你在国外看到的美人不是我在国内看到的美人,你的身份证号和我的身份证号不相同 那么一个房子里都有啥呢,有电脑,还有动作片光盘n(棕),tan(褐色),syan(青色)

    回复
用户头像图片
    黑板报,注册会员
    2021-08-15 0:33:27

    iv> 对于这种人来说,最好的生活状态就是没有人打扰,没有人关心,那样反而让他感到一身轻。 For this kind&lt;source&gt;标签属性详 A:ajax 。。。

      用户头像图片
        园是我国清注册会员
        2021-08-15 6:31:41
    回复
用户头像图片
    的晚风一定会游客
    2021-08-15 22:52:40

    游客67707:&lt;source&gt;标艺气味浓重,重视画面的艺术作用,插画师首要重视氛围以及服装的表现,所以画面一般较为艳丽,首要以是非印象画面比较花或许凌乱的并不多。 65px; width: 400px;" /> 春有盼望和辉煌,夏有火红和热心, 秋有金黄和

    回复
用户头像图片
    《猫的回注册会员
    2021-08-15 13:26:6

    器优先挑选自己支撑格局的媒体内容。 标签是HTML5中新增的标签。l第1张title=html5progress标签笔记html第1张-国哥笔记标签笔记a

    回复