请选择 进入手机版 | 继续访问电脑版
  • 关注官方微信 微信公众号 添加方式:
    1:搜索微信号(gogolinux
    2:扫描左侧二维码
  • 登录 注册
  • 一起学LINUX - GOGOLINUX

    查看: 2133|回复: 22

    在XHTML文档中合适的使用CSS和JavaScript

    [复制链接]

    2

    主题

    2

    帖子

    16

    积分

    新手上路

    Rank: 1

    积分
    16
    发表于 2019-3-11 14:14:14 | 显示全部楼层 |阅读模式
     在XHTML文档中合适的使用CSS和JavaScriptXHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition) 定义XHTML是为了把HTML 4扩展成像XML 1.0一样的应用程序。
    在许多站点中XHTML正在迅速的替代HTML 4;然而,主流浏览器对完全支持XHTML方面表现得不足,和网页设计师对HTML 4与XHTML的基本差异缺乏理解,产生了当今网络上的一个不断扩大的问题。
    XHTML是XML,不是HTML 其中关于XHTML的主要的误解是,它仅仅是另外一个版本的HTML。这个误解产生于这样的事实:Microsoft® Internet Explorer只在文件以Mime类型为 text/html提交时,才支持XHTML,而标准中建议的类型其实是application/xhtml+xml。
    当一个XHTML页面的MIME类型被提交为text/html时,它被所有的浏览器当作HTML处理,就好像XHTML比起HTML来没有任何不同。但是当一个XHTML页面的MIME类型被提交为text/xml或application/xhtml+xml时,它将被当作XML文档处理,而设计和显示XML都是必须要遵守严格规则的。
    真正的XHTML就是一个XML的应用,所以创建XHTML时也要遵守严格的规则。特别是:
    未经过处理的 注释()中不能包含双横线。 
    包含在注释()中的内容将被忽略。 
    在内嵌的style和script中出现的问题 
    在被当作XML而不是HTML处理时,内嵌的style和script标记会产生几个不同的问题。
    JavaScript中包含了一些在XHTML中不允许存在的字符典型的JavaScript中包含了一些特殊字符,这些字符在XHTML中是不允许放在CDATA区域之外的。
    注意这个例子不是以正确格式书写的XHTML,因为使用了未经处理的“</script>这个例子举例说明了特定的浏览器可以忽略注释里的内容。另外,这个例子还显示了不同的浏览器在处理text/xml或者 application/xhtml+xml内容时产生的不同问题。
    Mozilla 1.1+/Opera 7 
    不能使用CSS,也不能执行JavaScript。 
    Netscape 7.0x/Mozilla 1.0.x 
    不能使用CSS,但可以执行JavaScript。 
    Internet Explorer 5.5+ 
    无法正常显示文档。 
    包含双横线的内嵌style和script 
    另一个把JavaScript包含在XHTML文件的注释中产生的问题,与在XHTML的注释中使用双横线会产生的问题一样。
    使用CDATA替代注释 
    直接把JavaScript放入CDATA区域会在低版本不支持XML的浏览器中产生问题,不过,把JavaScript的注释(//……)与CDATA一起使用,就能解决向下兼容的问题了。
    例子 
    在注释中使用内嵌style的CSS规则 
    例子1 - XHTML 1.0 Strict在text/html 
    这个例子举例说明当CSS规则包含内联和包含在注释中时的XHTML在text/html的行为。这个例子支持Netscape 7.x,Mozilla,Opera 7和Internet Explorer 5.5+那一个都能像期望一样应用CSS规则。 
    例子2 - XHTML 1.0 Strict在text/xml 
    这个例子举例说明当CSS规则包含内联和包含在注释中时的XHTML在text/xml的行为。这个例子支持Netscape 7.x,Mozilla,Opera 7但不支持Internet Explorer 5.5+。注意etscape 7.x,Mozilla和Opera同意包含在注释的内联CSS规则将被忽略。 
    例子3 - XHTML 1.0 Strict在application/xhtml+xml 
    这个例子举例说明当CSS规则包含内联和包含在注释中时的XHTML在application/xhtml+xml的行为。这个例子支持Netscape 7.x,Mozilla,Opera 7但不支持Internet Explorer 5.5+。注意etscape 7.x,Mozilla和Opera同意包含在注释的内联CSS规则将被忽略。 
    使用外部文件的CSS规则 
    例子4 - XHTML 1.0 Strict在text/html 
    这个例子举例说明当在使用外部文件的CSS规则的时候XHTML在text/html的行为。这个例子支持Netscape 7.x,Mozilla,Opera 7和Internet Explorer 5.5+。 
    例子5 - XHTML 1.0 Strict在text/xml 
    这个例子举例说明当在使用外部文件的CSS规则的时候XHTML在text/xml的行为。这个例子支持Netscape 7.x,Mozilla和Opera 7但不支持不支持Internet Explorer 5.5+。 
    例子6 - XHTML 1.0 Strict在application/xhtml+xml 
    这个例子举例说明当在使用外部文件的CSS规则的时候XHTML在application/xhtml+xml的行为。这个例子支持Netscape 7.x,Mozilla和Opera 7但不支持不支持Internet Explorer 5.5+。 
    建议 不要在XHTML中内联style或script 用外部文件包含CSS规则和JavaScript来替换内联样式和脚本是创建XHTML最佳方式,在向后兼容方式时,如果内容的MIME类型从text/html向application/xhtml+xml改变时将不会被打断。
    这个建议可能看起来更强烈,可是,它是未来XHTML要打算的问题,当XHTML在text/html向application/xhtml+xml转移在几年后发生。
    如果你仅仅测试你的XHTML在text/html的时候,那么你可能产生问题,例如像:不能准确的描述出主题。移动CSS和JavaScript到单独的文件是可靠的方法,关于改变你XHTML的服务方式。
    理解XHTML 1.0的HTML兼容指导 
    这个XHTML 1.0 HTML Compatibility Guidelines帮助创建XHTML文档向后兼容性在那些不能理解XML的老浏览器。
    请注意那是纯粹的XHTML文档,你不需要使用xml-stylesheet处理指导,但应该使用link涉及的外部文件包含CSS。
    分享到:
    回复

    使用道具 举报

    0

    主题

    568

    帖子

    1258

    积分

    金牌会员

    Rank: 6Rank: 6

    积分
    1258
    发表于 2019-4-8 16:55:58 | 显示全部楼层
    回复

    使用道具 举报

    0

    主题

    586

    帖子

    1292

    积分

    金牌会员

    Rank: 6Rank: 6

    积分
    1292
    发表于 2019-4-8 21:32:11 | 显示全部楼层
    回复

    使用道具 举报

    0

    主题

    568

    帖子

    1258

    积分

    金牌会员

    Rank: 6Rank: 6

    积分
    1258
    发表于 2019-4-13 12:11:28 | 显示全部楼层
    回复

    使用道具 举报

    0

    主题

    478

    帖子

    1062

    积分

    金牌会员

    Rank: 6Rank: 6

    积分
    1062
    发表于 2019-4-14 02:31:12 | 显示全部楼层
    回复

    使用道具 举报

    0

    主题

    568

    帖子

    1258

    积分

    金牌会员

    Rank: 6Rank: 6

    积分
    1258
    发表于 2019-4-14 21:46:30 | 显示全部楼层
    回复

    使用道具 举报

    0

    主题

    460

    帖子

    1147

    积分

    金牌会员

    Rank: 6Rank: 6

    积分
    1147
    发表于 2019-4-14 22:34:39 | 显示全部楼层
    回复

    使用道具 举报

    0

    主题

    593

    帖子

    1308

    积分

    金牌会员

    Rank: 6Rank: 6

    积分
    1308
    发表于 2019-4-15 05:55:48 | 显示全部楼层
    回复

    使用道具 举报

    0

    主题

    478

    帖子

    1062

    积分

    金牌会员

    Rank: 6Rank: 6

    积分
    1062
    发表于 2019-4-16 00:22:15 | 显示全部楼层
    回复

    使用道具 举报

    0

    主题

    593

    帖子

    1308

    积分

    金牌会员

    Rank: 6Rank: 6

    积分
    1308
    发表于 2019-4-16 09:21:19 | 显示全部楼层
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    官方微博:

    官方头条号:

    官方微信

    手机访问:

    官方微信

    QQArchiver 手机版 小黑屋 一起学LINUX - GOGOLINUX 闽ICP备18025837号-1 Discuz! X3.4 Powered by © 2001-2013 Comsenz Inc. 

    本站资源均来自互联网或会员发布,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

    快速回复 快速发帖 返回顶部 返回列表