meta和title的顺序问题引起IE显示空白页

一个页面,在FF下显示正常,在IE下显示空白,完完全全的空白,没有报错,没有提示,本以为是服务器没开,结果查看空白页的源文件,又是可以看的,源文件完全正常,只能是IE解析的问题,那么是什么地方引起IE解析失败呢?
     经过排除法排查,最后锁定,居然是meta和title顺序的问题:
Java代码 复制代码  收藏代码
  1. <head>   
  2.   <title>管理页</title>   
  3.   <meta http-equiv="content-type" content="text/html; charset=utf-8" />   
  4.   <link rel="stylesheet" href="/css/admin.css" type="text/css" media="all"/>   
  5. </head>  

上面的写法是空白,而下面的写法就正常显示:
<head>   
  1.   <meta http-equiv="content-type" content="text/html; charset=utf-8" />   
  2.   <title>管理页</title>   
  3.   <link rel="stylesheet" href="/css/admin.css" type="text/css" media="all"/>   
  4.   <link rel="stylesheet" href="/css/elements/externalLinks.css" type="text/css"/>   
  5. </head>  


    顿悟!页面编码utf8是在meta中定义的,浏览器在读到编码前,认不出中文的title,于是解析失败!
    但是……IE你也太挫了吧?解析失败啥报错都没有??直接显示空白页,叫人怎么找错啊?
    对一般的站点来说,即使meta和title的顺序写反,应该也没问题,因为现在的动态程序一般会在程序输出的header中指定content-type为text/html;charset为utf-8,所以浏览器不需要读取meta中的编码信息就能知道编码了。
    查了一把,原来这个问题还真有大站点中过招,blogger.com就在05年时就有过该问题,也算是这些外国应用入驻中国的水土不服吧(没考虑Unicode的title,呵呵)

原文: http://touya.iteye.com/blog/265949

你可能感兴趣的:(meta和title的顺序问题引起IE显示空白页)