html设置 ＜meta charset=“utf-8“/＞ 后网页还是出现乱码问题

大家都知道对于中文网页如果不设置编码为utf-8，在某些浏览器中是会有乱码的(比如360等，google浏览器是不会的)，所以建议还是设置下编码格式。但是有时候设置了编码为utf-8的话还是有乱码，这时候可能是通过 meta 标签设置的编码和网页文件在保存时所使用的文档编码不一致所造成的
下面是我自己实践的步骤:
1.打开nodepad++ 设置meta编码为UTF-8，敲上一些中文

2.把文件保存成test.htm并且打开

打开之后发现是乱码(使用的是window默认的Edge浏览器，google浏览器也是一样)，文件的meta虽然设置成了UTF-8，但是文件本身是ANSI编码，meta编码与文件编码不一致，当然出现乱码。
3.设置meta为ANSI编码

4.再次打开test.htm

中文显示正常
结论: meta标签设置的编码得与文件保存时候的编码一致，才不会产生乱码。