您的位置：首页 > 其它

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

2012-07-02 12:02 387 查看
一个页面，在FF下显示正常，在IE下显示空白，完完全全的空白，没有报错，没有提示，本以为是服务器没开，结果查看空白页的源文件，又是可以看的，源文件完全正常，只能是IE解析的问题，那么是什么地方引起IE解析失败呢？

经过排除法排查，最后锁定，居然是meta和title顺序的问题：

Java代码







<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>


上面的写法是空白，而下面的写法就正常显示：

<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，呵呵）

原文: http://touya.iteye.com/blog/265949
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航