栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

除了音频和视频,HTML5还支持哪些媒体标签?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

除了音频和视频,HTML5还支持哪些媒体标签?

楼上很优秀啊

audio 定义音频,如音乐和音频流

video 定义视屏,如视频片段和视频流
还有

canvas 定义画布,然后通过css/js绘制图像,前端在做图像处理的时候用的比较多

marquee 滚动的文字,可以设置滚动方向,快慢等

object 定义一个嵌入对象,比如图像、音频、视频、Java applets、ActiveX、PDF以及Flash。比如在实现web系统使用读卡器,会用到。

embed 定义嵌入的内容,比如插件。

track 为诸如 video 元素之类的媒介规定外部文本轨道。用于规定字幕文件或其他包含文本的文件,当媒介播放时,这些文件是可见的。

souorce 为 audio和video媒介元素定义媒介资源

picture

通过包含零或多个 <source> 元素和一个 <img> 元素来为不同的显示/设备场景提供图像版本。浏览器会选择最匹配的子 <source> 元素,如果没有匹配的,就选择 <img> 元素的 src 属性中的URL。然后,所选图像呈现在<img>元素占据的空间中。
tip: IE不支持。


举几个例子帮助记忆:

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

<picture>

  <source srcset="/media/examples/surfer-240-200.jpg" media="(min-width: 800px)">

  <img src="/media/examples/painted-hand-298-332.jpg" />

</picture>

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/369360.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号