JSP页面与HTML页面显示效果不一致的问题的解决

近日在开发一个B/S项目时,我先用html写好了页面随后移植到JSP上时,发生了页面的显示效果不一致的问题。

详情见图:

这个为打开HTML的效果:

JSP页面与HTML页面显示效果不一致的问题的解决JSP页面与HTML页面显示效果不一致的问题的解决JSP页面与HTML页面显示效果不一致的问题的解决

这个为打开JSP的效果:

JSP页面与HTML页面显示效果不一致的问题的解决

可以清楚的看到显示明显不一样。

可以肯定的是代码没有问题。

经过几乎一行一行的对比,最后发现一个区别:

JSP页面与HTML页面显示效果不一致的问题的解决

JSP页面与HTML页面显示效果不一致的问题的解决

<!DOCTYPE html>是声明HTML为HTML5的版本,浏览器便会按相应的标准进行解析,而myeclipse自动生成的<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">为HTML 4.01版本,所以便造成了,显示效果不同,部分CSS可能不能正常显示。

当我们把JSP的<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">改为<!DOCTYPE html>,页面便可正常显示。也就是要把JSP的html版本声明改为HTML5版本。

 

如果各位有什么疑问,意见,不同的想法欢迎留言,欢迎交流。

本人本科软件工程学生党一枚,如有错误欢迎指正,欢迎交流。