一个页面,在FF下显示正常,在IE下显示空白,完完全全的空白,没有报错,没有提示,本以为是服务器没开,结果查看空白页的源文件,又是可以看的,源文件完全正常,只能是IE解析的问题,那么是什么地方引起IE解析失败呢?
经过排除法排查,最后锁定,居然是meta和title顺序的问题:
上面的写法是空白,而下面的写法就正常显示:
经过排除法排查,最后锁定,居然是meta和title顺序的问题:
- <head>
- <title>管理页</title>
- <meta http-equiv="content-type" content="text/html; charset=utf-8" />
- <link rel="stylesheet" href="/css/admin.css" type="text/css" media="all"/>
- </head>
<head>
<title>管理页</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="/css/admin.css" type="text/css" media="all"/>
</head>
上面的写法是空白,而下面的写法就正常显示:
- <meta http-equiv="content-type" content="text/html; charset=utf-8" />
- <title>管理页</title>
- <link rel="stylesheet" href="/css/admin.css" type="text/css" media="all"/>
- <link rel="stylesheet" href="/css/elements/externalLinks.css" type="text/css"/>
- </head>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>管理页</title>
<link rel="stylesheet" href="/css/admin.css" type="text/css" media="all"/>
<link rel="stylesheet" href="/css/elements/externalLinks.css" type="text/css"/>
</head>
顿悟!页面编码utf8是在meta中定义的,浏览器在读到编码前,认不出中文的title,于是解析失败!
但是……IE你也太挫了吧?解析失败啥报错都没有??直接显示空白页,叫人怎么找错啊?
对一般的站点来说,即使meta和title的顺序写反,应该也没问题,因为现在的动态程序一般会在程序输出的header中指定content-type为text/html;charset为utf-8,所以浏览器不需要读取meta中的编码信息就能知道编码了。
查了一把,原来这个问题还真有大站点中过招,blogger.com就在05年时就有过该问题,也算是这些外国应用入驻中国的水土不服吧(没考虑Unicode的title,呵呵)