ie支持html5代码,使用 HTML5 Shiv 让 IE 支持 HTML5

现在越来越多浏览器已经实现支持 HTML5，其中 iPad 上的 Safari 浏览器对 HTML5 支持就非常完美，所以我们做的iPad 导航就是完全用 HTML5 写的。

IE 无法渲染 HTML5 样式

IE 的用户完全不是我们的目标用户，但是总有人说我们网站显示的乱七八糟，很烂，因为 IE 不知道如何给不能识别的标签或者元素渲染 CSS，比如这些 IE 无法识别的标签，我们在 CSS 中定义的样式，IE 就无法渲染，所以还是决定让 iPad 导航至少在 IE 下能够布局正常一点。

前面说了 IE 对 HTML5 标签无法识别，所以无法渲染样式，而 Sjoerd Visscher 发现一种方法可以强制 IE 渲染 HTML5 标签，当你创建一个新的 DOM 元素(名字和它无法识别的标签相同)的时候，IE 就可以渲染，并且甚至无需插入这个元素，下面 blah 就能被渲染。

Hello!

remy sharp 整理了一个迷你的脚本 html5.js，通过上面的方法让 IE 支持所有的 HTML5 标签。

HTML5 Shiv使用

html5.js 必须在页面head元素内调用(因为 IE 必须在元素解析前知道这个元素，所以这个 JS 文件不能在页面底部调用。)

可以使用IE条件注释来调用这个 JS 文件，这样像 FireFox, Safari 等非 IE 浏览器就会忽视这段代码，也就不会有无谓的 HTTP 请求了。下面这段代码仅会在IE浏览器下运行:

最后大家可以看看效果 http://ipaddh.com/ 在 IE 下基本显示出来。

ie支持html5代码,使用 HTML5 Shiv 让 IE 支持 HTML5相关推荐

html5代码好学吗,0基础能学习Html5吗?Html5好学吗？
原标题:0基础能学习Html5吗?Html5好学吗? 0基础可以学习Html5吗?这两年一直是被挂在嘴边的话题,随着人们对用户体验的要求越来越高,前端开发技术难度越来越大,所以对于IT从业者来讲,前端 ...
html5代码自动生成,vs code中设置html5 快速生成模板
按英文的!和h:5都可以快速生成html模板,但是找了半天都找不到如何修改模板设置.只好自己从snippets里重新编写了一个html5的模板,以免自己以后忘了. 首先打开 snippets 然后输入 ...
极客无极限一行HTML5代码引发的创意大爆炸
摘要:一行HTML5代码能做什么?国外开发者Jose Jesus Perez Aguinaga写了一行HTML5代码的文本编辑器.这件事在分享到Code Wall.Hacker News之后,引起了众 ...
html代码范例_最佳HTML范例和HTML5范例
html代码范例 HTML provides the structure of websites. Here are some examples of how to use HTML syntax t ...
html5网页制作代码_推荐十个好用的HTML5小工具，前端程序员居家必备良品
Web前端开发工程师需要核心掌握HTML/CSS/JS开发,在几年前HTML5标准进入国内后,得到了快速的应用于推广,开发人员为了实现更多的效果和功能,将HTML5的应用推崇到了极高的位置.作为Web ...
html5代码_深入解读HTML5移动应用程序开发！
怎么理解HTML5移动应用程序(WEB APP)开发?本文千锋武汉HTML5培训老师详细来说说这个问题.当下,开发人员可以转向HTML5来简化移动应用程序开发过程.HTML5移动应用程序确实存在一些问 ...
平板电脑支持html吗,HTML5视频无法在平板电脑上播放(HTML5 video not playing on tablets)...
HTML5视频无法在平板电脑上播放(HTML5 video not playing on tablets) 下午好,我早些时候发布了一些内容,但仍然需要帮助. 我有一个Nexus 7和一个IPad2. ...
HTML5 代码实例
1. HTML5 代码与测试 html5代码作用代码备注 video <video id="h5v-video-ID" width="100%" h ...
HTML5代码学习：值得收藏的HTML5代码段
HTML5 是 WEB 技术发展中的重要里程碑,常用于前端的开发,一段比较重要的能够反复使用的代码将会为开发工程师节省更多的时间,也同样能够提供更多的开发上的便捷,下面给大家分享一些适用于HTML5前 ...
手机html音乐播放器代码隐藏,教程方法;仿酷狗html5手机音乐播放器主要部分代码电脑技巧-琪琪词资源网...
琪琪词资源网-教程方法;仿酷狗html5手机音乐播放器主要部分代码电脑技巧,以下是给大家带来的教程方法;仿酷狗html5手机音乐播放器主要部分代码,大家可以了解一下哦! HTML5作品,经测试,效果确 ...

ie支持html5代码,使用 HTML5 Shiv 让 IE 支持 HTML5

ie支持html5代码,使用 HTML5 Shiv 让 IE 支持 HTML5相关推荐

最新文章

热门文章