标签的闭合问题

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

我想在博客上放一个日历，于是下载了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居然就正常显示了，真是匪夷所思啊。

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

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

script 和 iframe 标签不支持缩略写法

有时很无语，找了半天居然是这种错误，很让人恼火 ，我想知道有没有什么参考资料能给我们介绍一下Web标准以及各浏览器之间的区别。

应该先看  HTML权威指南

不是所有的标签都支持缩略写法的

我也遇到过，当时是用dom生成的标签，后来发现这种事情，于是就在标签体中填了几个空格！！

你要分清哪些 tag 是用来布局的。

感谢经验分享，以后我就不简写了

这个问题我遇到过了
当时也把我折腾死了

无视其他……

“经过几经周折”——病句。