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

源代码：

非常干净的代码

直接写在PHP中Chrome F12在Elements



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


这是直接把HTML代码写到PHP文件 中的效果。为什么有这么大的差别。

回复讨论(解决方案)

你用 ob 函数拦截 php 输出并保存至文件
然后对比各文件的差异
如果没有差异，就是浏览器的问题，你也无能为力
如果有差异，就分析一下差异的原因

中间那个图，的代码。严格说，也的不标准。但可能是浏览器有纠错功能，所以效果可能是一样的。

中间那个图，的代码。严格说，也的不标准。但可能是浏览器有纠错功能，所以效果可能是一样的。

第一个源代码是直接用DW新建的一个文件！没有作任何修改。
我用的是Chrome浏览器，和FF都试了。查看源代码看到的都是一样的。
使用F12开发工具在Elements
第一张图片Body下面有两个引号，不知道是怎么出来的

第二张图片看的是和源代码是一样的。

很是郁闷 ！

head内容出现在body里你的html页面是不是有DOM头的UTF8的文件，你把这页面用编辑器转成无DOM的试一下

就是那个用记事本编辑过文件，中间转码造成的dom头文件。
建议直接在ue,ediplus,phpstorm里边建一个空白文件，然后把现有文件内容拷过去，就可以了。

就是那个用记事本编辑过文件，中间转码造成的dom头文件。
建议直接在ue,ediplus,phpstorm里边建一个空白文件，然后把现有文件内容拷过去，就可以了。

更正一下是BOM 而不是DOM

head内容出现在body里你的html页面是不是有DOM头的UTF8的文件，你把这页面用编辑器转成无DOM的试一下

更正是BOM而不是DOM

总之是你们两个帮助我找到了问题所在！！原来一直在用Editplus编辑PHP，近来看看Notepad++ 挺新鲜拿来用，就出来这样的问题！！那叫一个急！！！害我折腾了好几天也找不出原因！！！