HTML5 source标签：神来之笔！媒体播放终极利器

HTML5 source type属性的作用

“source”这货就是给媒体打标签的，而那个”type”属性就是告诉浏览器要解析啥类型的媒体，简单来说，人家浏览器就能正确播放音频或视频了，网页也会变得更顺溜些。比如说把type弄成”video/mp4″，那就是在告诉浏览器这个东西是个MP4格式的视频，人家一下子就明白了。

HTML5里面的type属性真是个大好人！它就像个尽职尽责的小助手，帮我们把媒体文件呈现得妥妥当当。无论是看电影还是听歌，都变得舒坦多了！如果没有它，浏览器可读不懂这些媒体文件，那就只能傻乎乎地盯着电脑屏幕了，还可能会引发各种兼容性问题。所以，HTML5source标签上的type属性就像是神来之笔，太重要了！

HTML5 source标签的内容

小心点！src属性可不是仅仅用于设定媒体类型，它还有别的妙用在视频和音频里也能派上大用场！只要准备多个格式的文件资源，不论你的设备或者浏览器是啥样的，都不怕找不到合适的媒体文件！

你肯定想不到？源标签可以控制网站的全景和互动功能，简直易如反掌！上传音乐或视频到网页上，比玩游戏还轻松，瞬间完成！只要稍微调个参数，炫酷无比的多媒体展示就能随心所欲创建了。

HTML5 source标签实例

简单来说你看那音乐网站上有俩歌儿，一个叫MP3格式，另一个叫WAV格式。你只要在音频部分添加两个source子元素，填上src（就是歌词链接）跟type（就是文件啥型号）属性，浏览器自然会帮你选一个可以听到的歌播出来！

真心实用无论什么浏览器或设备，都能妥妥地上手用，完全不用担心适合度的问题。

HTML 4.01 与 HTML 5 的区别

所以，小编要提醒你们，在旧版HTML4.01里可没这source标记哦～不过HTML5倒是大方，把它带来了如果你想瞎折腾HTML5做个酷炫的图片歌单什么的，那可得搞清楚这个source标记呐~

搞懂了HTML5里的source属性和标签，网站就能美出花样，搞定各种炫酷特效，无论你是看电视还是玩手机都能应对自如！