html教程:XHTML标签写法应该注意的问题

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

请尝试输入以下XHTML代码并在IE中浏览：

hello world

，你会发现只能看到前面的hello而不见后面的world，这事情让人挺无法解释的吧。可能有不少人都曾经遇到过这个问题，并且花了几个小时在上面都找不到合理的解释。 字串4

解释源自另外一段类似的代码：

hello world</p>，你在IE中看看其显示效果，能够得到合理的解释了吗？我们能够看到前面的hello正常显示了，而后面的world则显示在textarea里面，这证明IE并没有正确识别textarea标签已经自关闭了，而是当它没有关闭，并将后面的内容识别为textarea内部的内容。 </P><P> 这时候我们就明白前面那段代码为什么看不到后面的world了，因为它被当作script的一部分来识别了。这就说明了，在我们使用XHTML时并不能好像XML那样随意的使用自关闭的写法，只有少数原本不需要关闭的标签可以用自关闭的写法，其他标签即使没有任何内容最好也用成对的关闭写法。 </P><P><BR> 最后需要提醒大家的是，其实弱智的parser不仅仅IE有，很多地方都可能碰到由于parser不严谨而引起的问题，所以我们在书写XHTML的时候还是要迁就一些老HTML继承下来的习惯，不能好像真的XML那样自以为符合标准了就随意写。不信？那么再试一个吧：<p>hello <br></br> world</p>，留意IE与Opera中的显示效果。</P><P> XHTML一些相关的规范：</P><P> 1.所有的标记都必须要有一个相应的结束标记</P><P> 2.所有标签的元素和属性的名字都必须使用小写</P><P> 3.所有的XML标记都必须合理嵌套</P><P> 4.所有的属性必须用引号""括起来</P><P> 5.把所有<和&特殊符号用编码表示</P><P> 6.给所有属性赋一个值</P><P> 7.不要在注释内容中使“--”<a href="/news/list/215/1">HTML</a></div> </div> </div> </div> </main> <aside class="col-md-4 sidebar"> <div class="widget"> <h4 class="title">热点作业</h4> <div class="content tag-cloud"> <a href="/focus/604917">四年级简便计算</a> <a href="/focus/604916">经度109.313132纬度35.177649</a> <a href="/focus/604915">经度109.313132纬度35.177649经度纬度查询定位系统</a> <a href="/focus/604914">已知两点A（5,-2）及B（0,-3）。试在x轴上求一点P使PA=PB</a> <a href="/focus/604913">诸葛亮令军立状。</a> <a href="/focus/604912">喜欢用别的国家语言怎么说</a> <a href="/focus/604911">2020年春八年级物理校本作业答案</a> <a href="/focus/604910">TM150303196503080512</a> <a href="/focus/604909">十大骑兵</a> <a href="/focus/604908">圆锥的母线长</a> </div> </div> <div class="widget"> <h4 class="title">作业帮手</h4> <div class="content tag-cloud"> <a href="/focus/308202">带电作业简报</a> <a href="/focus/308203">毕业清考老师会挂人吗</a> <a href="/focus/308204">世界海拔最低的盆地</a> <a href="/focus/308205">不坚持半途而废的例子</a> <a href="/focus/308206">醇的消去条件</a> <a href="/focus/308207">世界人口大国</a> <a href="/focus/308208">坚持你的方向</a> <a href="/focus/308209">中国人民解放军官网</a> <a href="/focus/308210">邮件结尾中文</a> <a href="/focus/308211">体积浓度</a> <a href="/focus/308212">球面的音节怎么写</a> <a href="/focus/308213">形容老人身体好的成语</a> <a href="/focus/308214">人影空域申请</a> </div> </div></aside> </div> </div> </section> <footer id="footer" class="footer hidden-print"> <div class="container"> <div class="panel panel-default"> <div class="panel-body footerlinks"> <a href="/zuoye/7085586" class="list-group-item col-md-6">木马有哪几种类型</a> <a href="/zuoye/7085587" class="list-group-item col-md-6">消耗的电能为什么用W=Pt?Q=cm三角</a> <a href="/zuoye/7085588" class="list-group-item col-md-6">一个长方形的木箱长0.8m,宽0.5m,</a> <a href="/zuoye/7085589" class="list-group-item col-md-6">我们自愿保护濒临灭绝的野生动物.这句的英</a> <a href="/zuoye/7085590" class="list-group-item col-md-6">如何保护濒临灭绝的野生动物</a> <a href="/zuoye/7085591" class="list-group-item col-md-6">藏族地区有哪些需要保护的濒临灭绝的野生动</a> <a href="/zuoye/7085592" class="list-group-item col-md-6">关联词有哪些?</a> <a href="/zuoye/7085593" class="list-group-item col-md-6">把一根长24分米的铁丝截开后恰好能搭成一</a> <a href="/zuoye/7085594" class="list-group-item col-md-6">向氯化铁、氯化铜、氯化亚铁混合液中缓慢的</a> <a href="http://www.52pingyi.com/" class="list-group-item col-md-6">我爱平邑</a><a href="https://www.csdndocs.com/" class="list-group-item col-md-6">程序文库</a><a href="https:/ /www.b7pu.com/" class="list-group-item col-md-6">兵器谱</a> </div> </div> </div> <div class="copy-right"><p>百度一下头条考试网作业帮，作业帮习题。香蕉皮教育考试辅导作业共享，智慧之海香蕉皮作业帮忙</p></div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html>