一样的代码，为什么浏览器按F12后看到的代码有如此差距

同样的代码，为什么浏览器按F12后看到的代码有如此差距
源代码：

非常干净的代码

直接写在PHP中Chrome F12在Elements



这是一种情况，在经过一些代码后，直接输出上面的HTML代码，就变成这样的。


这是直接把HTML代码写到PHP文件 中的效果。为什么有这么大的差别。
------解决方案--------------------
head内容出现在body里你的html页面是不是有DOM头的UTF8的文件，你把这页面用编辑器转成无DOM的试一下
------解决方案--------------------
就是那个用记事本编辑过文件，中间转码造成的dom头文件。
建议直接在ue,ediplus,phpstorm里边建一个空白文件，然后把现有文件内容拷过去，就可以了。