IE is not compatible with HTML5, CSS3 solutions

Disclaimer: This article is a blogger original article, follow the CC 4.0 BY-SA copyright agreement, reproduced, please attach the original source link and this statement.

This link: https://blog.csdn.net/weixin_41847321/article/details/102678768

IE8 and below browser does not support H5 and CSS3.

The solution: the introduction of html5shiv.jsthe file.

<!--  条件注释 只有ie能够识别-->
<!--[if lte ie 8]>
    <script src="html5shiv.min.js"></script>
<![endif]-->

• l: less less

• t: than than

• e: equal is equal to

• g: great more

The new label does not support HTML5 browsers, these new labels will take place within the analytic element (inline) treat, so we only need to convert it into a block element (block) can be used.

But in the following version of IE9, and you can not properly resolve these new labels, but can identify custom labels created with document.createElement ( 'tagName'). So our solution is: will the new HTML5 tags all through document.createElement ( 'tagName') to create it again , so low IE version can properly resolve the new HTML5 tags.

Of course, in the way we develop more practical uses: detecting IE browser version, to load third-party JS library to solve the compatibility problems (as shown in the code above).