惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Microsoft Azure Blog
Microsoft Azure Blog
WordPress大学
WordPress大学
Google DeepMind News
Google DeepMind News
美团技术团队
大猫的无限游戏
大猫的无限游戏
H
Help Net Security
小众软件
小众软件
aimingoo的专栏
aimingoo的专栏
博客园 - 聂微东
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
M
MIT News - Artificial intelligence
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - Franky
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Microsoft Security Blog
Microsoft Security Blog
F
Fortinet All Blogs
A
About on SuperTechFans
Recent Announcements
Recent Announcements
D
Docker
Vercel News
Vercel News
Engineering at Meta
Engineering at Meta
腾讯CDC
Martin Fowler
Martin Fowler
阮一峰的网络日志
阮一峰的网络日志

博客园 - passer.net

使用Visual Studio进行 Android开发的十大理由 译:程序员出身的创始人从编程世界悟出的3个创业原则 问问自己您是否适合创业? 谈谈百度为什么要推出《百度网页 搜索质量白皮书》 盘点中国互联网那些倒下的巨人 怎么把创业的风险降到最低 反思:创业一开始并不需要重量级的产品 口头承诺不如白纸黑字 技术大牛曹政(前4399核心员工)期权被坑的那些事 那些从阿里巴巴走出的创业牛人们 码农转型传统行业更容易成功? 创业者怎么讲故事打动投资人? 李明远:移动互联网的创业时代 为什么说淘宝创业已难赚钱? 译文:TypeScript新手指南 淘宝创业失败率97%的原因分析 草根站长创业最常犯的几个错误 文章分页显示究竟是为了用户体验还是为了提高广告收益 早期创业公司人数控制在多少合适? 见证一个一个创业团队的失败
让低版本IE支持Html5的新语义标签
passer.net · 2014-04-19 · via 博客园 - passer.net

HTML5能为我们做的事儿很多,最为可口的就是语义化标签的应用,如果你已经在Chrome或者其他支持HTML5的浏览器上用过它的牛x,那这篇文章对你一定有用,因为现在你也可以在IE上用到HTML5。

好吧!大前端今天的主题是:HTML5 Shiv

下面是引用Google的html5.js文件,好处就不说了:

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

将上代码复制到head部分,记住一定要是head部分(因为IE必须在元素解析前知道这个元素,所以这个js文件不能在其他位置调用,否则失效)

当然,你也可以把代码拿出来自己看着办:

(function(){if(!/*@cc_on!@*/0)return;var e ="abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})()

最后在css里面加上这段:

/*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

主要是让这些html5标签成块状,像div那样。

好了,简单吧,一句话概括就是:引用html5.js  使html5标签成块状

http://www.3kk.com/list255647/