标签的闭合问题

今天发现了一个非常奇怪的浏览器兼容性问题：

我想在博客上放一个日历，于是下载了jquery-easyui，经过修改完成所需要的效果后，准备放入项目中，发现一个很奇怪的问题：

该日历效果在chrome浏览器中显示相当正常，但是在IE8及其兼容模式下，出现了一些问题：只显示了当前页面的背景，页面所有内容都没有显示，我起初怀疑可能是jsp解析成html源代码时出现问题，可是检查了一下，并且使用html页面测试了一下，仍然是同样的情况。
我相当的郁闷，几经周折，终于找到了问题所在：

<script type="text/javascript" src="/js/jquery-1.4.2.min.js" /> 
<script type="text/javascript" src="/js/jquery.easyui.min.js" />

这两行js似乎并没有任何问题，但就是显示不出来，于是我将其改成：

<script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script> 
<script type="text/javascript" src="js/jquery.easyui.min.js" ></script> 

IE居然就正常显示了，真是匪夷所思啊。 :shock:

关于标签的闭合，我始终有一些疑惑，在XML中一点问题都没有，但是在HTML中，似乎上面的情况出现的几率还是比较高的。

比如一个div， 一般形式是这样的：<div id="theIdOfThisDiv" ></div>，由于很多情况下，我们可以在js或css中定义该div块的行为大小属性等，此时标签之间是没有内容的，因此，我一直认为写成<div id="theIdOfThisDiv" />应该是合乎逻辑的，但是你如果真这么做了，你就会发现浏览器会愤怒的。 :cry: