<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

上一篇：母亲节图片儿童画(关于母爱的配图)

下一篇：大理石背景墙(新款石材背景墙效果图)

返回上一页返回列表

优秀作品：

服装设计专业大学排名(真实就业情况)

background-image属性(CSS设置背景图像)

微信8.0怎么设置全屏动态背景(微信8.0全屏动态背景素材)

长沙vi设计(哪家好?附价格明细表)

vi设计吉祥物怎么开释美元素

装修设计图(房屋装修设计图片欣赏)

counter-reset属性(CSS设置)

超市vi设计(优秀商场vi设计案例赏析)

评论：<source>标签属性详解,HTML中source标签的作用 [查看原文]

作品分类：热门主题

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

ange是注册会员

2021-08-15 15:29:36

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

黑板报，注册会员

2021-08-15 0:33:27

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

园是我国清注册会员

2021-08-15 6:31:41

@ 黑板报，：<source>标签 ~~~

的晚风一定会游客

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