chrome预览HTML页面顶部出现空白 ()字符

本人测试在window的记事本打开会出现字符,而其它软件不会.

解决方法:1.把网页内容拷贝出来到新的文件中即可.(不要用记事本打开,浏览器或者代码编辑工具不会出现该问题)

     2.修改文件编码

下面是造成该现象的原因:(来源网络)

页面的编码如果是UTF-8 + BOM,会在body开头处加入一个可见的控制符,导致页面头部会出现一个空白。这种编码方式一般会在windows操作系统中出现,比如记事本编辑器,在保存一个以UTF-8编码的文件时,会在文件开始的地方插入三个不可见的字符(0xEF 0xBB 0xBF,即BOM)。它是一串隐藏的字符,用于让记事本等编辑器识别这个文件是否以UTF-8编码。对于一般的文件,这样并不会产生什么麻烦。但对于html来说,BOM是个大麻烦。因为浏览器在解析html页面时,并不会忽略BOM,所以在解析html文件时,会把BOM作为该文件开头正文的一部分,这串字符也将会被直接执行(在页面中并不显示)出来。由此造成即使页面的 top或者padding 设置为0,也无法让整个网页紧贴浏览器顶部,因为在html一开头有这3个隐藏字符!

猜你喜欢

转载自blog.csdn.net/ion_L/article/details/84313873