Firefox、Chrome跟IE的差别：对以"/>"结尾的标签的不同处理效果

偶然发现的现象，记录一下，以后注意。

下面一段代码，注意标签闭合的方式是以"/>"为结尾。

<form>

<iframe id="frame1" src="http://www.baidu.com" height="50" width="800" scrolling="yes" />

<iframe id="frame2" src="http://www.163.com" height="50" width="800" scrolling="yes" />

</form>

这一段代码在IE中的执行效果是：



两个Frame中的内容都显示了出来。

在Firefox中的执行效果是：



查看源代码如下：



可以看到源代码中“/”之后的标签都失去了作用，没有被浏览器解析。

同样在Chrome中也是如此，看图：





可以出现了同样的执行效果。

而如果是采用</iframe>的闭合方式就不会出现这种情况。

那是不是除了iframe标签，其他也可能会出现这种效果呢？

试一下img

<form>

<img src="1" height='50' width='50'/>

<img src="2" height='50' width='50'/>

</form>







都还比较正常，显示了两个图片（显示不出来是因为src不正常）

input 标签的使用也很正常。

这是因为FF和Chrome对于iframe标签的闭合要求的更严格？（原因存疑）