会员中心
用户名:    密码:    验证码:      免费注册会员

jquery手册   CSS2手册       请关注健康

CSSer > 客户端开发 > web标准与前台开发 > 慎用XHTML标签的自关闭写法

来源: 作者: 发布时间:2007-11-23
雅虎收藏夹 百度收藏 Google书签 Yahoo书签 新浪ViVi 搜狐网摘 365Key网摘 天极网摘 diglog 和讯网摘 POCO网摘 YouNote网摘 博拉网 天下图摘 Del.icio.us digg reddit spurl BlinkList blogmarks

      XHTML里面的img标记应该这样写:<img alt="" src="" />,这种写法也就是所谓的自关闭,在XML中是完全合法的写法。如果你熟悉XML相关的开发,可能也就习惯于这种写法,想着XML中任何不含子节点的元素都可以这样写,那么XHTML中没有内容的标签也都可以这样写。XHTML中理论上当然允许任何标签以自关闭的方法来书写,然而浏览器兼容性却带来了新问题,那就是IE无法正确识别某些标签的自关闭写法。 字串8

      请尝试输入以下XHTML代码并在IE中浏览:<p>hello <script type="text/javascript" /> world</p>,你会发现只能看到前面的hello而不见后面的world,这事情让人挺无法解释的吧。可能有不少人都曾经遇到过这个问题,并且花了几个小时在上面都找不到合理的解释。 字串4

      解释源自另外一段类似的代码:<p>hello <textarea /> world</p>,你在IE中看看其显示效果,能够得到合理的解释了吗?我们能够看到前面的hello正常显示了,而后面的world则显示在textarea里面,这证明IE并没有正确识别textarea标签已经自关闭了,而是当它没有关闭,并将后面的内容识别为textarea内部的内容。 

      这时候我们就明白前面那段代码为什么看不到后面的world了,因为它被当作script的一部分来识别了。这就说明了,在我们使用XHTML时并不能好像XML那样随意的使用自关闭的写法,只有少数原本不需要关闭的标签可以用自关闭的写法,其他标签即使没有任何内容最好也用成对的关闭写法。 

      最后需要提醒大家的是,其实弱智的parser不仅仅IE有,很多地方都可能碰到由于parser不严谨而引起的问题,所以我们在书写XHTML的时候还是要迁就一些老HTML继承下来的习惯,不能好像真的XML那样自以为符合标准了就随意写。不信?那么再试一个吧:<p>hello <br></br> world</p>,留意IE与Opera中的显示效果。

      XHTML一些相关的规范:

      1.所有的标记都必须要有一个相应的结束标记

      2.所有标签的元素和属性的名字都必须使用小写

      3.所有的XML标记都必须合理嵌套

      4.所有的属性必须用引号""括起来

      5.把所有<和&特殊符号用编码表示 

      6.给所有属性赋一个值

      7.不要在注释内容中使“--”


相关文章

  • 从readyState状态看AJAX

    从readyState状态看AJAX。在《Pragmatic AJAX A Web 2.0Primer》中偶然看到对readyStae状态的介绍,感觉这个介绍很实在,

  • JavaScript的9个陷阱及评点

    以下是JavaScript容易犯错的九个陷阱。虽然不是什么很高深的技术问题,但注意一下,会使您的编程轻松些,即所谓make life

  • 网站成功的26条定律

    1.250定律 拉德认为:每一位顾客身后,大体有250名亲朋好友。如果您赢得了一位顾客的好感,就意味着赢得了250个人的好感;

  • HTML用INS和DEL标记文档改变

    ins和del 是在HTML4.0时引入的,可以帮助创作者开发文档时相互合作,并且也保持了一些编辑(比如可以反应创作者是一段时间

  • SWFObject: 基于Javascript的Flash媒体版本检测与嵌

    SWFObject: 基于Javascript的Flash媒体版本检测与嵌入模块 原文: SWFObject: Javascript Flash Player detection and emb

  • 用户体验(UE)的3个关键

    先不说什么是好的用户体验――最差的用户体验是引发了用户不知道该做什么的挫折感。可以从两个方面证明上述判断:第一,从

  • 可用性 usability

    技术发展会使技术产品的使用变得日益复杂,有时还背离其初衷,走入为技术而技术的误区。因此,如何使产品符合用户需求、方

  • 易用性就这三条原则

    第一次走到新的办公室,透过落地的巨大玻璃门,可以看到里面的会议室。习惯的去推门,同时脚步并没有停下来。 结果。。。