IE6-8 支持 HTML5 元素

microjo

最近博客改用 github pages,并且使用这个静态博客生成工具 Felix Felicis。 奇怪的是,IE8 下页面显示不正常。在网上搜索原因和解决办法时, 发现* IE8 以上通过 F12 能调出相关调试工具*, 调试中得知默认主题使用了 IE6-8 不支持的 HTML5 元素, 进而找到:让IE也支持html5标准HTML5 Shiv

解决方法是在模板文件 _templates\layout.html 中的 <head> 元素内添加

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

考虑到国内访问 googlecode 的抽风情况,可以将源文件下载放到 static 目录下,然后在相同地方添加

<!--[if lt IE 9]>
<script src="{{static_url('html5.js')}}"></script>
<![endif]-->

html5.js 添加了 IE6-8 不支持的 HTML5 元素,并且包含了默认的样式。 这个脚本必须放在 <body> 前,比如这里是在 <head> 范围内。 放在加载 CSS 代码前面和后面都没有关系,但是从性能方面来说,最好放在 CSS 后面。

发布: