关于编码的问题

今天在写一个简单的xml文档的时候，遇到了一个问题，下面的代码浏览器打不开！！！

<?xml version='1.0' encoding="utf-8"?>
<infos>
<city id="1">
<name>苏州</name>
<date>2015-10-31</date>
<weather>多云转晴</weather>
<wind> 东南风3-4级</wind>
<pm>200</pm>
</city><pre name="code" class="html"><?xml version='1.0' encoding="gbk"?>
<infos>
<city id="1">
<name>苏州</name>
<date>2015-10-31</date>
<weather>多云转晴</weather>
<wind> 东南风3-4级</wind>
<pm>200</pm>
</city>
<city id="2">
<name>南京</name>
<date>2015-10-31</date>
<weather>多云</weather>
<wind> 北风3-4级</wind>
<pm>200</pm>
</city>
<city id="3">
<name>上海</name>
<date>2015-10-31</date>
<weather>晴</weather>
<wind> 上海风3-4级</wind>
<pm>250</pm>
</city>
</infos>

浏览器的截图为：

在第四行出现编码错误，也就是说，utf-8不支持中文的编码！！！我当时就震惊了。。。。然后我把中文换成了拼音，可是还是同样的报错！！！

但是当我把编码换成了gbk 的时候，就可以了。。。

<?xml version='1.0' encoding="gbk"?>
<infos>
<city id="1">
<name>苏州</name>
<date>2015-10-31</date>
<weather>多云转晴</weather>
<wind> 东南风3-4级</wind>
<pm>200</pm>
</city>
<city id="2">
<name>南京</name>
<date>2015-10-31</date>
<weather>多云</weather>
<wind> 北风3-4级</wind>
<pm>200</pm>
</city>
<city id="3">
<name>上海</name>
<date>2015-10-31</date>
<weather>晴</weather>
<wind> 上海风3-4级</wind>
<pm>250</pm>
</city>
</infos>

此时的浏览器截图为：

浏览器识别了，我TM日了狗！！！！！！！！！！！！