用HTML5的DOCTYPE标签兼容各版本IE浏览器的方法技术

用HTML5的<DOCTYPE>标签兼容各版本IE浏览器的方法技术

<!DOCTYPE html>是HTML5中唯一的doctype，也被视作将网页“升级”到HTML5的第一步。

很多国外网站的<!DOCTYPE html>和<HEAD>之间都会有一段注释,如:

<!—[if IE 6 ]><html class=“ie ielt9 ielt8 ielt7 ie6” lang=“en-US”><![endif]—>
<!—[if IE 7 ]><html class=“ie ielt9 ielt8 ie7” lang=“en-US”><![endif]—>
<!—[if IE 8 ]><html class=“ie ielt9 ie8” lang=“en-US”><![endif]—>
<!—[if IE 9 ]><html class=“ie ie9” lang=“en-US”><![endif]—>
<!—[if (gt IE 9)|!(IE)]><!—><html lang=“en-US”><!—<![endif]—>

作用于css。来写一些针对IE各版本的样式差异

先判断用户用的哪个IE版本，然后在标签上加上该版本的class，这样可以方便hack
css文件是这样写的。
.ie6 xxx {};
.ie7 xxx {};
这是目前最好的hack方式之一。

posted on 2012-05-02 14:43 流浪啊阅读(...) 评论(...) 编辑收藏

转载于:https://www.cnblogs.com/jsoo/archive/2012/05/02/2479021.html

用HTML5的DOCTYPE标签兼容各版本IE浏览器的方法技术相关推荐

html兼容ie低版本,jquery不兼容低版本ie浏览器怎么办？
jquery不兼容低版本ie浏览器怎么办? 1.可以使用原生JS或者低版本的Jquery1.x版本.因为Jquery从2.x版本开始已经不再进行IE低版本(IE6.IE7.IE8)的兼容性处理.如果需 ...
jsencrypt.js 兼容低版本IE浏览器(IE9以下)
jsencrypt.js 兼容低版本IE浏览器(IE9以下) IE5.IE6.IE7.IE8使用jsencrypt.js IE5.IE6.IE7.IE8使用RSA加密 JS使用非对称加密 SCRIPT ...
html5标签兼容低版本浏览器
随着html5(后面用h5代表)标签越来越广泛的使用,IE不识别h5标签的问题让人很是烦恼. 在火狐和chrome之类的浏览器中,遇到不认识的标签,只要给个display:block属性,就能让这个元 ...
兼容低版本IE浏览器的一些技巧分享
前言: 近期工作中,突然被要求改别人的代码,其中有一项就是兼容IE低版本浏览器,所以优雅降级吧. 我相信兼容低版本IE是许多前端开发的噩梦,尤其是改别人写的代码,更是痛不欲生. 本文将介绍一些本人兼容 ...
同一个机器安装多个版本Chrome浏览器的方法
1. Chrome 现在安装直接没有任何提示就直接安装了而且自动式高版本覆盖低版本安装不给你任何选择版本的机会. 2. 但是chrome 的安装是基于用户的所以同一个机器使用不同的用户 ...
[转] 移动前端不得不了解的HTML5 head 头标签
HTML的头部内容特别多,有针对SEO的头部信息,也有针对移动设备的头部信息.而且各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,有很多差异性.移动端的工作已经越来越成为前端工作的重要内容 ...
前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)
第1章Html Html:超级文本标记语言(HyperText Markup Language),在浏览器上运行的一种标记语言. 就是给文本加上含有语义的标签. 接下来应该学习更多具体语义标签: 一. ...
移动前端不得不了解的HTML5 head 头标签（2016最新版）
转载自:http://www.css88.com/archives/6410 小编推荐:掘金是一个高质量的技术社区,从 ECMAScript 6 到 Vue.js,性能优化到开源类库,让你不错过前端开 ...
html的!DOCTYPE标签初窥
<!DOCTYPE>标签必须放在整个html文档的第一行,之后一行就是从<html>标签开始,所有浏览器都支持<!DOCTYPE>标签. <!DOCTYPE& ...
html5语义化规范,html5语义化标签使用规范
Html5添加了很多语义化标签,一个典型的html5页面结构可以如下安排一.使用案例 1. 头部--header和nav标签 header头部,body下的直接子元素header一般用于放页面的介绍 ...

用HTML5的DOCTYPE标签兼容各版本IE浏览器的方法技术

用HTML5的DOCTYPE标签兼容各版本IE浏览器的方法技术相关推荐

最新文章

热门文章