完美解决IE低版本语义化标签不兼容的方案

1.语义化标签的兼容

在head标签中加入，解决语义化标签如nav, header等在IE不能被识别的情况。

<!--[if lte IE 8]>
    <script type="text/javascript" src="https://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
<![endif]-->

这里只能被ie浏览器（小于等于ie8）识别，因此避免了在高版本浏览器（例如谷歌浏览器中）被多余的加载。

 

2. 多媒体标签的兼容 video

<video src="test.mp4" controls autoplay></video>

兼容性写法：

当前，video 元素支持三种视频格式：

<video>
    <source src="test.Ogg"></source>
    <source src="test.mp4"></source>
    <source src="test.WebM"></source>
</video>

满足当前的一种，就不会继续加载下一种格式。

3.