解決IE兼容H5的問題

轉：https://blog.csdn.net/weixin_38055381/article/details/82781308 

Html5提供的一些新多媒體標籤（header,article,aside,section,nav,figure,menu,footer）使用起來非常的方便，但是低版本的IE瀏覽器（IE6/IE7/IE8）對的這些新標籤根本識別不了，解決這些問題要了解是瀏覽器無法識別這些標籤，想辦法讓瀏覽器識別這些標籤就可以了。有兩種方案，自定義標籤或者引入第三方兼容文件就可以了。

1，引入兼容文件JS

因爲IE瀏覽器不支持HTML5多媒體標籤，所以我們需要引入兼容JS文件，來保證我們的代碼實現兼容效果：

  <script src="../html5/libs/html5shiv.min.js"></script>
2，通過自定義標籤解決

在不支持HTML5新標籤的瀏覽器裏，會將這些新的標籤解析成行內元素(inline)對待，所以我們只需要將其轉換成塊元素(block)即可使用，但是在IE9版本以下，並不能正常解析這些新標籤，但是卻可以識別通過創建的自定義標籤，於是我們的解決方案就是將HTML5的新標籤全部通過來創建一遍，這樣IE低版本也能正常解析HTML5新標籤了。

<script>
    document.createElement('hearder');
    document.createElement('article');
    document.createElement('aside');
    document.createElement('section');
    document.createElement('nav');
    document.createElement('figure');
    document.createElement('footer');
</script>
通過這兩種方式就可以解決兼容問題，但是解決問題的途徑不止這兩種，還有其他的方式也可以解決