<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
如果位置换过来了见下面
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
那么页面在IE下显示空白。
如果<title>是字母而非文字时,显示正确</title>即
<title>fjdkf</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
也显示正确,不会出现空白。
原因:这个问题要从浏览器解析html的方式讲起。浏览器读取了页面的html代码后开始进行解析。解析前浏览器要先知道页面的编码方式,然后根据编码方式进行解码,然后才能开始解析。IE 解析网页编码时是 HTML 內的标识优先的,然后是 HTTP header ;而mozilla 系列的浏览器刚刚好相反。一般情况在,很多人是把<title></title>排在最前面,并且在title中就出现了UTF-8中文,这样, IE在解析时,就先遇到UTF-8,不往下解析了。
HTML编码与浏览器解析
本文探讨了HTML文档中<meta>标签与<title>标签位置对浏览器解析的影响,特别是在IE浏览器下,若<title>标签中包含UTF-8编码的中文且位于<meta>标签前,可能导致页面显示空白的问题。
4746

被折叠的 条评论
为什么被折叠?



