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

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

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

      解释源自另外一段类似的代码:<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.不要在注释内容中使“--”

时间: 2024-12-25 09:34:02

XHTML标签的自关闭的写法应该注意的相关文章

XHTML标签的自关闭写法的坏处分析_经验交流

如果你熟悉XML相关的开发,可能也就习惯于这种写法,想着XML中任何不含子节点的元素都可以这样写,那么XHTML中没有内容的标签也都可以这样写.XHTML中理论上当然允许任何标签以自关闭的方法来书写,然而浏览器兼容性却带来了新问题,那就是IE无法正确识别某些标签的自关闭写法. 请尝试输入以下XHTML代码并在IE中浏览:<p>hello <script type="text/javascript" /> world</p>,你会发现只能看到前面的he

在用XHTML制作网页时注意标签的自关闭写法

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

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

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

引用外部脚本时script标签关闭的写法

在引用外部脚本时,script标签的关闭写法,很多朋友对它保持健忘态度,下面为大家介绍下其正确的写法 在引用外部脚本时,script标签的正确关闭写法如下:   代码如下: <script type="text/javascript" src="js/a.js"></script>    自关闭写法有问题(测试的IE11, chrome 31.0, ff 25.0都不支持):   代码如下: <script type="tex

引用外部脚本时script标签关闭的写法_基础知识

在引用外部脚本时,script标签的正确关闭写法如下: 复制代码 代码如下: <script type="text/javascript" src="js/a.js"></script> 自关闭写法有问题(测试的IE11, chrome 31.0, ff 25.0都不支持): 复制代码 代码如下: <script type="text/javascript" src="js/a.js" />

网页制作技巧总结:XHTML标签和CSS属性的适用性

文章简介:xhtml标签元素可以分为:替换元素和非替换元素. xhtml标签元素可以分为:替换元素和非替换元素替换元素指:通过标签和标签属性结合控制显示内容的元素.如:<img />标签必须配合src属性一起定义图片显示:表单元素<input>标签,必须配合type选择类型使用等:非替换元素指:直接显示网页内容的元素(网页元素大多属于这一类) xhtml标签元素还可以分为:块级元素和内联元素块级元素:内容不换行(可以设置宽度和高度)内联元素:内容换行(不可以设置宽度和高度)*除了内

容易混淆位置的常用XHTML标签正确用法

刚接触XHTML+CSS设计网页时,很多朋友对于标签的使用没什么经验,也很随意,经常是想起什么就用什么,认为只要能实现效果就可以.但随着学习的深入和对搜索引擎优化知识的了解,发现其实XHTML标签的使用也是一门学问. 下面介绍一些初学者常用的.比较容易混淆使用位置的XHTML标签的正确使用方法,欢迎关注网页陶吧,欢迎讨论.在这里不对各标签在CSS中对应的属性及用法做详细的介绍,重点介绍在网页中的应用,希望能对大家有些帮助. 一.DIV DIV对于XHTML建站的朋友应该并不陌生,很多的网站和资料

QTabWidget标签实现双击关闭的方法(推荐)_java

用Qt做ARM,发现Qt4中QTabWidget原生的关闭按键(X)太小,用触摸板很难按到.于是乎想到类似于浏览器的双击关闭功能,因为之前做过C#的资源管理器,以为可以直接绑定DoubleClick,可后来翻遍了也没找到相应的SLOT,结果在QWidget中捕捉信号,就是没有QTabWidget标签的鼠标事件,坑爹那!随后,又在网上各种搜索,结果找到的是各种问题,每一个准确回答出来的.....最后思来想去,实在不行,就用最笨的方法,仿Hock实现! 于是乎,我重载了QTabWidget(由于ta

正确理解DIV+CSS,用XHTML标签进行CSS布局

css|xhtml DIV+CSS高级布局已逐渐流行,但面对所谓DIV+CSS布局的叫法让人更为担心,不要让DIV成为Table的替代品,多层嵌套的DIV会严重影响代码的可阅读性,活用HTML为我们提供的标签吧. 什么时候应该用DIV? 虽然在这方面没有什么硬性的规定,但个人认为DIV更适用于大体框架的定位.例如我们要定义一块头部的区域,一般会这样定义一个DIV: <div id="header">这里就是头部框架里要写的内容</div> 当然,可以用class