HTML中Content-Type与title标签位置的不同出现的问题

今天为了验证一段JS代码,就随手建了一个HTML文档,写了如下代码:

HTML中Content-Type与title标签位置的不同出现的问题
结果运行了之后发现JS代码根本就没有运行,JS非常简单,看起来也没有语法错误,可就是没有反应,百思不得其解。后来用DW又重新建了一个HTML文件,把JS代码复制过去,运行,成功。能成功运行的代码如下:

HTML中Content-Type与title标签位置的不同出现的问题
仔细比较了两个文件的代码,发现<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />与<title>无标题文档</title>的位置不同,然后再在IE看两个页面运行后的源文件:
下面是出错的页面的运行后的源码,可以看到,title标签内的中文已经变成了乱码,这是因为<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />在出现中文字符之后的原因。
HTML中Content-Type与title标签位置的不同出现的问题
下面是运行正常的源码:
HTML中Content-Type与title标签位置的不同出现的问题

可以看到,中文字符已经不在乱码了,代码就正常了,JS也能运行了。
JS代码不能运行的原因就是不能正常识别中文字符,致使<title>标签没有闭合。
<!--v:3.2-->