让低版本IE支持HTML5

让低版本IE支持HTML5

2014年1月7日  ELAN 发表回复

html5shiv 是一段让 IE6 IE7 IE8 支持 HTML5 卷标的 JavaScript 。 完整的程序代码请参考 html5shiv/src/html5shiv.js – aFarkas’s gitHub。

简单讲 html5shiv 利用了一个小 hack 让 IE6 IE7 IE8 支持不支持的卷标。这个 hack 是：

document.createElement(‘aside’);

上面这行程序代码原先不支持的卷标是 <aside> ，而执行完这行 IE6 IE7 IE8 就可以用 <aside> 。只是这样出来的 <aside> 会是 display : inline ，所以还要在 CSS 中另做些调整。

讲完以上这些，自然 document.createElement(‘aside’) 要出现在 <aside> 前。以此类推， html5shiv 要在 HTML5 卷标出现前。html5shiv 加载前出现的 HTML5 卷标依然无法使用。

另，也遇过 html5shiv 和 Firefox 相冲的情况，但 html5shiv 对 IE6 IE7 IE8 外浏览器并无意义，故建议用 IE Conditional comment 加载 html5shiv ：

<!–[if lt IE 9]>

<script src=”"http://html5shiv.googlecode.com/svn/trunk/html5.js”"></script>

<![endif]–>