XHTML标签的自关闭的写法应该注意的问题

在XHTML的世界里，img标签的写法似乎显得与众不同：。这种自闭合的写法，在XML中是完全合法的，也常被那些熟悉XML开发的开发者所习惯。他们可能会想，既然XML中任何不含子节点的元素都可以这样写，那么XHTML中所有的无内容标签也应该遵循这一规则。理论上的自由并不等于实践的轻松。浏览器之间的兼容性问题，特别是IE系列浏览器，对某些自闭合标签的识别存在不小的问题。

让我们尝试一段简单的XHTML代码：<p>hello <script type="text/javascript" /> world</p>。在IE中浏览时，你会发现只能看到“hello”，后面的“world”却消失了。这看起来令人困惑，可能让许多开发者头疼不已，花费大量时间寻找问题的答案。

对比另一段类似的代码：<p>hello <textarea /> world</p>，你会在IE中看到“hello”正常显示，而“world”却显示在textarea内部。这就揭示了IE并没有正确识别textarea标签已经自闭合，而是将其视为未关闭的状态，并将后续内容视为textarea的内部内容。通过这个例子，我们可以明白前面那段代码中的“world”之所以看不到，是因为它被IE错误地识别为script标签的一部分。

这就提醒我们，在使用XHTML时，不能像在XML中那样随意使用自闭合的写法。只有那些原本就不需要关闭的标签才可以使用自闭合的写法，而对于其他标签，即使没有内容，也最好使用成对的关闭写法。

在此，我要提醒大家，不仅是IE，很多地方都可能遇到由于器（parser）不严谨而引起的问题。在编写XHTML时，我们还需要借鉴一些老HTML的习惯，不能过于自信地按照XML的标准来随意编写。让我们再试一个例子：<p>hello <br></br> world</p>，看看IE和Opera中的显示效果，你会更深刻地理解这个问题。关于XHTML的规范也是不容忽视的：所有的标记都必须有相应的结束标记、标签和属性名必须小写、XML标记必须合理嵌套、属性必须用引号括起来、特殊符号需编码、属性必须赋值、注释中不能使用“--”。遵循这些规范，可以帮助我们更好地避免兼容性问题。请注意不要忽略那些看似简单却可能影响用户体验的细节问题。在开发过程中，确保代码的兼容性和稳定性至关重要。