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

2016-02-19 18:51 3 1 收藏

下面图老师小编跟大家分享XHTML标签的自关闭的写法应该注意的问题,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

【 tulaoshi.com - Web开发 】

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

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

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

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

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

      XHTML一些相关的规范:

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

      6.给所有属性赋一个值

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

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

来源:https://www.tulaoshi.com/n/20160219/1619240.html

延伸阅读
标签: Web开发
结构 html head body div span  Meta信息 DOCTYPE title link meta style  文本 p h1, h2, h3, h4, h5, h6 strong em abbr acronym address bdo blockquote cite q code ins del df...
标签: 孕前
新生儿应该注意的问题 宝宝呼吸时嗓子发响不需要特殊治疗 有时爸爸妈妈们会发现,出生不久的宝宝在呼吸时,嗓子会发出一种吱吱的响声。特别是在啼哭或发怒时这种响声会更明显,安静时稍www.tulaoshi.com好一些。这时宝宝的啼哭声不嘶哑,也不发烧,吃奶也很正常,精神也很好。原来之所以出现这种吱吱的响声,主要是因为刚出生的宝宝喉头很软,...
教育孩子时哪些话不该说 有这样4句话,对他有帮助 1.“你来决定……” 如果你要让孩子来做什么事情,或者你想阻止他做什么事情的时候,你可以说这样的话――“你来决定吧,……”给他一个清晰的认识:我自己决定了我的行为,同时对我自己的行为负责。比如,你的孩子正和他的伙...
标签: Web开发
a href="tel:电话号码"/a
标签: Web开发
HTML已经尝试去除表现和朝向内容发展,导致这样一个基本原理:从 表现 (CSS)中分离出 内容意义 (HTML)。这将会给网页减肥,因为一个表现指令集合(以外部CSS文档的形式)可以应用到多个页面。这也会使网站更易于管理因为全局变动可以从修改一个单独的文件得到。 部分不良标签基本上是表现标签(比如 small ),它们可以用更有意义和更简单...

经验教程

13

收藏

39
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部