鸡年大吉——html、jsp等文的复用结构的思考。 - 程序仲小仲_H5之家

》大家新年快乐《

这篇随笔是边写边思考的，所以可能会有些凌乱。

年前接手一个项目，PC端网页项目，项目源代码中的html的复用结构是这样的。

html｛3，

　　1、特定的<html>和<head>标签、内容、</head>、<body>。

　　2、代表最顶部状态栏和快捷的top.html。

　　3、代表通用导航的nav.html或者 nav1.html。

　　4、特定的剩余内容。

　　5、代表页尾的通用权限信息等的底部。

　　6、特定的</body></html>。

｝

在这个结构下，开发工作中遇到了各种问题，以此出发思考较为通用合适的复用结构：

问题1：项目不要求兼容低版本IE，但在360浏览器时会被以兼容模式打开，导致页面错误。解决需要在head标签里增加一个360浏览器专用的meta标签，来控制默认以极速模式打开。因每个html文件的head标签都是独立特定的，此项修改最终需要全局替换400多个文件来来完成。

问题2：网页标题需要统一加前缀如《博客园-XXXX》，于是又全局替换了400多个文件。

思索至此，其实公共部分都需要，但每个公共部分又都需要特定化。

怪不得了，怪不得用JS渲染是更合理的方式。

一个html作为模版html，head，body 该有都有。

每一个部分都不需要写死，可通过json数据值来指定是否启用。

而且最初考虑不大的地方，后期增加控制也十分便捷。

也符合模块开发的思路。