芒果小站

  1. 全球最具业界良心的主机 - Linode

    毫无疑问,目前做得最好的主机供应商

    猛击这里查看

  2. 芒果小站目前使用的主机 - Linode

    客服响应快,随时退款,XEN 架构稳定

    猛击这里查看

  3. 最好的日本东京线路主机 - Linode

    可选弗里蒙特、达拉斯、亚特兰大、纽瓦克、伦敦、东京机房

    猛击这里查看

  • 1
  • 2
  • 3
切换到精简模式
15

为 WordPress 开启 HTML5 支持

作者 芒果/分类 教程/发布于 2011-07-06 14:04

越来越多的站点开始使用 HTML5 标签了(包括淘宝也在滥用 HTML5 哈哈),好还是不好很难说。至少对于富 JavaScript 应用来说,使用 JavaScript 来解决 IE 下不支持 HTML5 的现状是最为可靠的。

IE 下比较广泛的 HTML5 标签支持方案是使用 html5shim,其使用方法如下:

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

关于条件注释的参考资料:http://msdn.microsoft.com/en-us/library/ms537512.aspx

WordPress 也可以通过在 header.php 文件添加这段代码的方法实现。或者使用 functions.php 文件也可以:

找到当前主题对应的 functions.php 文件,并添加如下代码:

function add_ie_html5_shim () {
    echo '<!--[if lt IE 9]>';
    echo '<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>';
    echo '<![endif]-->';
}
add_action('wp_head', 'add_ie_html5_shim');

原理是通过 header.php 文件中的 wp_head() 函数强行插入。

版权所有,转载请注明出处。
转载自 <a href="http://mangguo.org/html5-support-for-wordpress/" title="为 WordPress 开启 HTML5 支持" rel="bookmark">为 WordPress 开启 HTML5 支持 | 芒果小站</a>
如果喜欢这篇文章,欢迎订阅芒果小站以获得最新内容。

已经有 15 条群众意见

  1. ?
    为 WordPress 开启 HTML5 支持 | 千里走单骑 /2011-07-06 14:25

    […] HTML5 资源参考指南 (3) © 2010 芒果 版权所有 | 固定链接 | 没有评论 | 标签 functions.php, HTML5, html5shim, html5shiv, WordPress View full post on […] 回应

    #1
  2. 万戈 /2011-07-06 16:47

    我怎么记得那个是叫html5shiv,但是你的html5shim也可以打开。。。 回应

    #2
  3. 芒果万戈/2011-07-06 17:20

    两个是一样的,呵呵~ 回应

    #3
  4. 独立博客排行榜 /2011-07-06 18:47

    我最拿手的是 table ,tr, td,哎都过时好久了。。

    —独立博客排行榜—已收录您的网站,如果觉得本网站有发展前途,请加本站友情链接地址:www.blogdq.com 回应

    #4
  5. IM路人 /2011-07-07 15:32

    强行插入,矮油,我又邪恶了~~~ 回应

    #5
  6. 芒果IM路人/2011-07-07 16:41

    不良少年啊你!!! 回应

    #6
  7. 晨光 /2011-07-08 16:50

    支持HTML5 回应

    #7
  8. ?
    10 个实用的 WordPress 技巧教程 | 千里走单骑 /2011-07-09 10:49

    […] 为 WordPress 开启 HTML5 支持 (7) […] 回应

    #8
  9. 有问必答网 /2011-07-12 07:52

    在国内这上还尚早 回应

    #9
  10. 好看的电视剧 /2011-07-19 23:51

    哈哈,以为是卖芒果的小站 回应

    #10
  11. wlan5 /2011-07-23 17:44

    哈哈,信号芒果的风格! 回应

    #11
  12. wlan5 /2011-07-23 17:45

    。。哈哈,信号芒果的风格!。。 回应

    #12
  13. quiltmass /2011-08-12 11:26

    不错,可是国内还好多人用ie6 回应

    #13
  14. seri /2011-08-28 16:23

    functions的写入方式还是不错的。 回应

    #14
  15. Saysoul /2011-10-05 17:42

    受益匪浅! 回应

    #15

下面我简单说几句