HTML(9）

Posted 启物院

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML(9）相关的知识，希望对你有一定的参考价值。

html的<body></body>标签
上一期我们学习了一下<form></form>标签以及其附属的标签，那么这次换一个比较轻松一点的
HTML的<audio></audio>,<video></video>以及<source>标签
一个一个来，先看<audio></audio>
照老规矩，先翻译:音频，那么大概也就是拿来在网页里播放音频的吧？确实如此，语句大概是这样的:
<audio autoplay='autoplay' loop='true' src='[srcPath]' controls type='audio/mpeg'></audio>
还是一点一点看，autoplay分开来就是auto play，那么也就是自动播放，功能也非常易理解，就是在打开网页的时候自动播放音频，loop就是循环的意思，也就是说当音频播放完之后再次播放，一直循环下去，src跟之前讲的引用javascript文件一样，就是引用一个音频controls嘛,翻译过来是控制的意思，这个语句的作用就是显示一个音频控件，这个控件里包含着音频进度条，音量大小，以及下载，静音等，当然你也可以用controlslist这个属性来控制一些特定的控件是否出现，controlslist分开来是controls list，也就是控件列表，自然就是表明哪些可以出现在控件上,type还是属性,audio是音频，mpeg嘛，可以理解为mp3，也就是说type这个属性告诉了这个audio标签，这个资源是什么类型的，当然还有ogg，flac等
当然啊，audio里面可以嵌套<source>，具体怎么实现的呢？看例子:
<audio autoplay='autoplay' controls loop='true'>
    <source src='[srcPath]'  type='audio/mpeg' />
</audio>
audio里面的属性前面介绍过了，source里面的src就是audio里面的src，两者性质是一样的，source之所以被发明，是因为互联网初期，各大浏览器都不能互相兼容，所以搞了个source来兼容每个浏览器
HTML的<video></video>标签
video跟audio差不多，直接看例子吧
<video src='[srcPath]' controls autoplay='autoplay' loop='true' type='video/mp4'>
    <source src='[srcPath]' type='video/mp4' />
</video>
跟audio一样，只不过src的资源需要是视频,type的话可以自己理解理解，我就不过多解释了，跟audio差不多
那么这一期就到这里吧，我是Base_man,我们下期再见！

以上是关于HTML(9）的主要内容，如果未能解决你的问题，请参考以下文章

html HTML：示例html5支持IE <9

html bookmarks_2017_5_9.html

HTML 5.1将于9月份正式发布

html IE5的HTML5 shiv <9

JavaScript之DOM-9 HTML DOM(HTML DOM概述常用HTML DOM对象HTML表单)

Html5之基础-9 HTML表单其他控件其他常用标记