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

2016-02-19 14:56 6 1 收藏

今天图老师小编给大家展示的是XHTML标签自关闭的写法应该注意的问题,精心挑选的内容希望大家多多支持、多多分享,喜欢就赶紧get哦!

【 tulaoshi.com - Web开发 】

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

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

  
  请尝试输入以下XHTML代码并在IE中浏览:phelloscripttype="text/javascript"/world/p,你会发现只能看到前面的hello而不见后面的world,这事情让人挺无法解释的吧。可能有不少人都曾经遇到过这个问题,并且花了几个小时在上面都找不到合理的解释。字串4
  
  解释源自另外一段类似的代码:phellotextarea/world/p,你在IE中看看其显示效果,能够得到合理的解释了吗?我们能够看到前面的hello正常显示了,而后面的world则显示在textarea里面,这证明IE并没有正确识别textarea标签已经自关闭了,而是当它没有关闭,并将后面的内容识别为textarea内部的内容。
  
  这时候我们就明白前面那段代码为什么看不到后面的world了,因为它被当作script的一部分来识别了。这就说明了,在我们使用XHTML时并不能好像XML那样随意的使用自关闭的写法,只有少数原本不需要关闭的标签可以用自关闭的写法,其他标签即使没有任何内容最好也用成对的关闭写法。
  
  最后需要提醒大家的是,其实弱智的parser不仅仅IE有,很多地方都可能碰到由于parser不严谨而引起的问题,所以我们在书写XHTML的时候还是要迁就一些老HTML继承下来的习惯,不能好像真的XML那样自以为符合标准了就随意写。不信?那么再试一个吧:phellobr/brworld/p,留意IE与Opera中的显示效果。
  
  XHTML一些相关的规范:
  
  1.所有的标记都必须要有一个相应的结束标记
  
  2.所有标签的元素和属性的名字都必须使用小写
  
  3.所有的XML标记都必须合理嵌套
  
  4.所有的属性必须用引号""括起来
  
  5.把所有和&特殊符号用编码表示
  
  6.给所有属性赋一个值
  
  7.不要在注释内容中使“--”
  
  

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

来源:http://www.tulaoshi.com/n/20160219/1608380.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...
标签: Web开发
a href="tel:电话号码"/a
标签: Web开发
在网页教学网以往的教程中,曾经多次强调使网页HTML文件具有语义。我们应该根据网页HTML文档的结构选择最合适的HTML或XHTML标签,而不是根据它们的外观样式去选择它们。使用P标签定义一个段落,而不是用它来获得换行效果。我们使用h1-h6标签标记标题,而不是用它们取得文字大小与加粗的效果。 例如一个标题,我们可以用h1来定义它: ...
标签: Web开发
表单是用户提交信息的重要渠道。本节就将介绍表单的基础知识。 表单标签form 表单以一个form标签开始。用户注册网站会员,投票等等都需要表单来实现。当然了,仅仅依靠XHTML是无法处理这些表单的,如果你想处理这些表但你需要使用一些类似PHP和ASP的网页后台技术。(顺便说一下,小菜鸟自己的后台目前还很菜。) 表单内的input 下面我们...
标签: Web开发
HTML已经尝试去除表现和朝向内容发展,导致这样一个基本原理:从 表现 (CSS)中分离出 内容意义 (HTML)。这将会给网页减肥,因为一个表现指令集合(以外部CSS文档的形式)可以应用到多个页面。这也会使网站更易于管理因为全局变动可以从修改一个单独的文件得到。 部分不良标签基本上是表现标签(比如 small ),它们可以用更有意义和更简单...

经验教程

260

收藏

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