目前在做的一个项目中，发现了一个奇怪的现象，同样的引入的JS效果，有部分页面生效，有部分页面无效，很无语。
目录
一、项目背景：
header.html和footer.html是两个公共的代码片段，在其他页面中引入进来，包含在自己的页面中，header.html和footer.html里的内容都显示了出来。
二、现象描述：
所有的页面中都同样的引入了公共代码片段的JS效果，有部分页面生效，有部分页面无效。
三、解决方案：
1、查看H5标签是否写错；
2、查看H5标签是否用错；
3、页面的最顶部引入<!DOCTYPE html>这个标签；
四、原因：
DOCTYPE标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。
按照谷歌浏览器解析模式，会出现网页的向后兼容，也就是怪异模式。按照百度百科的解释：怪异模式（英语：quirksmode），是指在计算机领域中，一些网页浏览器为了维持对较旧的网页设计的向后兼容性，而使用的一种技术，有别于严格遵循万维网联盟（W3C）与互联网工程任务组（IETF）标准而设计的“标准模式”。