同事遇到一个问题,某一个网页,显示空白。自然而然的打开开发者工具查看DOM,发现body标签上有一段css,这段css就是隐藏网页,而源代码显示body标签上为空的。那就简单了,一般这种情况都是有js来影响他的,就把页面几个js打开搜了下关键字,没有发现。这就奇怪了,只能上绝招了,浏览器上把js禁止掉,结果body标签上这段css依旧在,这就不符合逻辑了。
经过群里大牛指点,原来是页面里有2个body标签,第二个body正好写了一段隐藏网页的css,而浏览器只让解析一个body标签,后面body上的属性都给了第一个body,结果就导致上图下面的效果:第一个body明明没有style,浏览器会把第二个body上的所有属性都给他,自然页面就隐藏了。
浏览器对标签解析是有一套规则的,而且每个浏览器都不一样,最典型的就是标签没闭合导致页面解析得乱七八糟,还有p标签里不能套div等。页面有多个body只解析一个还是第一次遇到,涨姿势了。另外有网友还写了《同一个页面多个html、body标签》的例子,有兴趣也可以看看。
🙂 西门你好。我关注你的博客很久了 。还有github 能不能加入你的QQ群 交流技术呢(学习)
关注到使用的h2标签
😛 😛 谢谢分享