解決IE低版本對H5兼容性問題

---

title: 解決IE低版本對H5兼容性問題 time: 2019-6-9

兼容處理（解決IE低版本對H5的兼容問題）

1. 在不支持HTML5新標籤的瀏覽器裏，會將這些新的標籤解析成行內元素(inline)對待，因此咱們只須要將其轉換成塊元素(block)便可使用，可是在IE9版本如下，並不能正常解析這些新標籤，可是卻能夠識別經過document.createElement('tagName')建立的自定義標籤，因而咱們的解決方案就是將HTML5的新標籤所有經過document.createElement('tagName')來建立一遍，這樣IE低版本也能正常解析HTML5新標籤了。

2. 處理方式：在實際開發中咱們更多采用的是經過檢測IE瀏覽器的版原本加載三方的一個JS庫來解決兼容問題（測試在IE下面的兼容性：ieTester軟件的使用）

， 主要是針對於ie低版本的，也就是隻有低版本ie才執行纔對。

<!--[if lt IE 9]> &emsp;&emsp; <script src="js/respond.js"></script> &emsp;&emsp;<script src="js/html5shiv.min.js"></script> <![endif]—> 複製代碼

respond.js 目的是爲了解決 ie低版本的CSS3媒體查詢 media query

條件註釋 瞭解 示例

<!--[if !IE]><!--> 除IE外均可識別 <!--<![endif]-->
<!--[if IE]> 全部的IE可識別 <![endif]-->
<!--[if IE 6]> 僅IE6可識別 <![endif]-->
<!--[if lte IE 6]> IE6以及IE6如下版本可識別 <![endif]-->
<!--[if gte IE 6]> IE6以及IE6以上版本可識別 <![endif]-->
<!--[if IE 7]> 僅IE7可識別 <![endif]-->
<!--[if lt IE 7]> IE7如下版本可識別 <![endif]-->
<!--[if gt IE 7]> IE7以上版本可識別 <![endif]-->
<!--[if IE 8]> 僅IE8可識別 <![endif]-->
<!--[if IE 9]> 僅IE9可識別 <![endif]-->
複製代碼

示例：

<!-- 條件註釋 ie 6.7.8 能執行，其他瀏覽器忽略這句話 -->
<!--[if lt IE 9]> <script src="js/html5shiv.min.js"></script> <![endif]-->
複製代碼

附件： html5shiv.min.js文件

respond.js文件