标签的闭合问题

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

我想在博客上放一个日历，于是下载了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" />应该是合乎逻辑的，但是你如果真这么做了，你就会发现浏览器会愤怒的。

评论

20 楼 xingqiliudehuanghun 2010-07-19  

这种问题也遇到过，不过不是script而是iframe。这种问题让人很抓狂，不报错但也不显示。无端的就被潜规则了。后来发现了一个快速检验这种错误的办法。把出问题的页面用
FireFox打开然后查看源代码，哪些没闭合的标签后面所有的标签的颜色会有问题。好多
时候如果你的代码不能按预期运行很有必要检查下:style script div form iframe这些标签

19 楼 beiyangshuishi 2010-07-14  

这种问题真是杯具呀

18 楼 lirong1978 2010-07-14  

sixwinds 写道

不能只把html看成xml，html有自己的标准，你要先了解那些标签的标准哪些需要闭合标签。

我不知道你是放马后炮，还是真的在这之前就知道这些

17 楼 一醉而过 2010-07-14  

其实按照标准的来写就不会多这么多烦恼了～

16 楼 jindw 2010-07-13  

lobbychmd 写道

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

还有一个解决办法，用XML模板编写网页。

15 楼 magicbu 2010-07-13  

The sequence <FOO /> can be interpreted in at least two different ways, depending on the DOCTYPE of the document. For HTML 4.01 Strict, the '/' terminates the tag <FOO (with an implied '>'). However, since many browsers don't interpret it this way, even in the presence of an HTML 4.01 Strict DOCTYPE, it is best to avoid it completely in pure HTML documents and reserve its use solely for those written in XHTML.

和DOCTYPE和浏览器都有关系，挺麻烦的，还是老老实实不要用缩写吧~

14 楼 longphoenix 2010-07-13  

几经周折 就可以了

13 楼 francis.xjl 2010-07-13  

hite 写道

无视其他……

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

我已经注意它好久了， ，终于被你发现了。

12 楼 sixwinds 2010-07-13  

不能只把html看成xml，html有自己的标准，你要先了解那些标签的标准哪些需要闭合标签。

11 楼 haiyupeter 2010-07-13  

原来还有这个闭合标签的问题吗？标志一下，以后应该会用得上，一直以来没有注意过这个问题。。

10 楼 shuiguozheng 2010-07-13  

我也遇到过类似问题，确实让人不解

9 楼 hite 2010-07-13  

无视其他……

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

8 楼 風一樣的男子 2010-07-12  

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

7 楼 gundumw100 2010-07-12  

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

6 楼 lobbychmd 2010-07-12  

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

5 楼 kjj 2010-07-12  

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

4 楼 zhao103804 2010-07-12  

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

3 楼 yunsudong 2010-07-12  

应该先看  HTML权威指南

2 楼 francis.xjl 2010-07-11  

lifesinger 写道

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

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

1 楼 lifesinger 2010-07-11  

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