静态HTML乱码

我有2个页面,分别叫file页面和Cookie页面吧
1.浏览器字符编码为gb2312时 file页面无乱码
2.浏览器字符编码为utf-8时 file页面有乱码
3.浏览器字符编码为gb2312时 Cookie页面有乱码
4.浏览器字符编码为utf-8时 Cookie页面无乱码
为什么两个页面在浏览器字符编码相同情况下出乱码现象不一致呢 
下面依上面4个顺序依次贴图
1.浏览器字符编码为gb2312时 file页面无乱码

2.浏览器字符编码为utf-8时 file页面有乱码

3.浏览器字符编码为gb2312时 Cookie页面有乱码

4.浏览器字符编码为utf-8时 Cookie页面无乱码

最后一张图浏览器第一行末尾有个貌似是16进制字符那么个东西 这是怎么造成的呢

<meta content="text/html; charset=utf-8" http-equiv="Content-Type">