<source>标签属性详解,HTML中source标签的作用
<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>
相关衔接:标签的用法及效果
优秀作品:
最新作品:
评论列表(共198人参与)参与讨论或分享设计作品获得视觉癖积分奖励
ange是注册会员
2021-08-15 15:29:36
子是你家的,不是我家的,你在国外看到的美人不是我在国内看到的美人,你的身份证号和我的身份证号不相同 那么一个房子里都有啥呢,有电脑,还有动作片光盘n(棕),tan(褐色),syan(青色)
回复黑板报,注册会员
2021-08-15 0:33:27
的晚风一定会游客
2021-08-15 22:52:40
游客67707:<source>标艺气味浓重,重视画面的艺术作用,插画师首要重视氛围以及服装的表现,所以画面一般较为艳丽,首要以是非印象画面比较花或许凌乱的并不多。 65px; width: 400px;" /> 春有盼望和辉煌,夏有火红和热心, 秋有金黄和
回复《猫的回注册会员
2021-08-15 13:26:6
器优先挑选自己支撑格局的媒体内容。 标签是HTML5中新增的标签。l第1张title=html5progress标签笔记html第1张-国哥笔记标签笔记a
回复