标签的闭合有关问题

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

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

，我想知道有没有什么参考资料能给我们介绍一下Web标准以及各浏览器之间的区别。 ，终于被你发现了。 14 楼 longphoenix 2010-07-13   几经周折 就可以了 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和浏览器都有关系，挺麻烦的，还是老老实实不要用缩写吧~ 16 楼 jindw 2010-07-13   lobbychmd 写道你要分清哪些 tag 是用来布局的。
还有一个解决办法，用XML模板编写网页。 17 楼 一醉而过 2010-07-14   其实按照标准的来写就不会多这么多烦恼了～ 18 楼 lirong1978 2010-07-14   sixwinds 写道不能只把html看成xml，html有自己的标准，你要先了解那些标签的标准哪些需要闭合标签。

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

查看更多 下一篇