位置: 编程技术 - 正文

XHTML标签的自关闭写法的坏处分析(html标签自动换行)

编辑:rootadmin
如果你熟悉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中的显示效果。

Update: 有部分读者认为我举的例子是不符合XHTML规范的,那么请先阅读XHTML规范。Empty Elements一节的中文翻译如下:“空元素必须要么有一个结束标记,要么以/>结束,例如<br/>或<hr></hr>。请参考HTML兼容性标准以获取关于确保向后兼容HTML4浏览器的信息。”可以看得到,规范中也给出了<hr></hr>这样的例子,说明<br></br>的写法是符合XHTML规范的,只是没有兼容HTML4标准。那么到底XHTML是否兼容HTML4呢?我们来看Compatibility Issues一节,中文翻译如下:“虽然并没有要求XHTML1.0文档兼容现有的浏览器,但在实践中这并不难做到。”因此,XHTML是没有规定文档必须向下兼容,我给出的例子都是合法的XHTML文档片断,当出现在完整的XHTML里面时也全部能通过W3C Markup Validation Service的验证。

Update again: 其实我写这篇文章的目的不是为了强调只符合XHTML规范就行了,也不是强调符合XHTML同时兼容HTML4就够了,而是应该考虑更多需要兼容的情况。例如你的CMS中允许用户提交HTML,提交的HTML经过SgmlReader或者其他方法格式化为XHTML,同时或许还做了其它XML处理,这时候就有可能将用户提交的<textarea></textarea>转换为<textarea />,这种情况下你需要通过跟踪调试找出问题并不容易,因为XML处理并没有违反任何规范,每一步的处理都是符合语义的。另外最好不要把<br />写成<br/>,因为确实有些弱智的parser仅仅因为少了一个空格就无法正确识别。

推荐整理分享XHTML标签的自关闭写法的坏处分析(html标签自动换行),希望有所帮助,仅作参考,欢迎阅读内容。

XHTML标签的自关闭写法的坏处分析(html标签自动换行)

文章相关热门搜索词:html5自定义标签,自动关闭标签,html自闭标签,自定义标签html,html自闭标签,html自定义标签怎么设置值,html自定义标签怎么设置值,html自闭标签,内容如对您有帮助,希望把文章链接给更多的朋友!

提高网页效率的条注意事项图文第1/3页 网站最基本的东西是什么?——内容?SEO(搜索引擎优化)?UE(用户体验)?都不对!是速度!内容再丰富的网站,如果慢到无法访问也是毫无意义

提高网页的效率 Use YSlow to know why your web Slow第1/2页 所以网页的效率绝对是最值得关注的方面。虽然我们在《如何提高网页的效率(上篇)——提高网页效率的条准则》提到了如何提高网页效率的条准

顶级经典常用的CSS属性收集整理 文本两端对齐:text-align:justify;text-justify:inter-ideograph;清除浮动:.clear{clear:both;line-height:0;height:0;font-size:0;}清除浮动伪类:.clearfix:after{content:".";display:block

标签: html标签自动换行

本文链接地址:https://www.jiuchutong.com/biancheng/375353.html 转载请保留说明!

上一篇:CSS 浏览器的等宽空格问题解决(网页的css)

下一篇:提高网页效率的14条注意事项图文第1/3页(提高网站性能)

  • 一般纳税人财务要求
  • 销项税额的计算方法
  • 弹性预算列表式如何计算
  • 一般纳税人条件要求2020
  • 白酒消费税最低计税价格
  • 红冲发票需要收回原发票政策
  • 增值税进项加计扣除计入哪个科目
  • 申报时入库税款怎么入账
  • 半成品算原材料吗
  • 服务行业成本费用问题与对策
  • 交易性金融资产的账务处理
  • 存货盘盈涉税问题
  • 负债必须通过转让来清偿
  • 工会疗养政策对比
  • 企业工资薪酬包括哪些内容
  • 管道租赁合同怎么写
  • 公司代缴员工个税
  • 开汽车租赁发票需要什么资料?
  • 股权转让印花税减半征收政策
  • 替票可以写入费用报销制度吗?
  • 新办企业国税报税时间
  • 专用发票抵扣联放在凭证中吗
  • 个人去税务局开劳务票 税点是多少
  • 白酒与外购产品的区别
  • 分公司非独立核算是什么意思
  • 党员经费的使用范围
  • 高新企业奖励补贴交税吗
  • 技术转让时增值税怎么算
  • 无法加载响应数据 对于预检请求没有可显示的内容
  • 跨行汇入会计分录
  • 商标转让过程中公司转让
  • 为什么电脑开机显示无信号然后黑屏
  • 暂估入库的处理方式有哪三种
  • php ftp函数
  • 医疗保险在外地交了老家还要交吗
  • 预缴土地增值税有滞纳金吗
  • web前端有哪些
  • url传变量
  • PHP:move_uploaded_file()的用法_Filesystem函数
  • 专用发票开具错误
  • vue ts
  • 印花税的优惠政策和依据
  • 财政补贴是解决什么问题的
  • 到2023年
  • node.js快速入门
  • bcdboot命令怎么用
  • 面试我应该问些什么问题
  • 简单易学的前端框架
  • 小规模纳税人进项税额怎么处理
  • 红字发票信息表编号
  • excel随机抽取n行数据
  • 期初库存和期末库存可以修改吗
  • row number函数的使用场景
  • 一般纳税人开普票税率是多少
  • 小规模纳税人每个月都要抄税清卡吗
  • 补交上年度企业所得税税额需要本年度纳税调增吗
  • 本月开发票下月收款
  • 以前年度损益调整在利润表中怎么填
  • 企业筹办费计入什么科目
  • 固定资产后续支出计入的科目
  • 收到返利怎么做会计分录
  • 企业自建厂房需要有资质吗
  • 长期股权投资其他权益变动
  • 什么是权责发生会计处理基础
  • mysql日期和时间函数
  • 如何在ubuntu下安装和配置gcc并用C语言
  • Vista Virtual PC软件安装XP系统
  • win7系统任务栏跑到右侧怎么办
  • 电脑开机后显示xp界面后一直是黑屏状态
  • mac锁定快捷键
  • 注册表 windows
  • win8怎么关闭电脑
  • win8快速启动怎么开启
  • Cocos2d唯一死敌的崛起,OGEngine来了
  • android 界面滑动
  • web页面展示
  • JavaScript中数组的相关方法
  • android adt
  • 因公出差伙食补助标准
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设