• 渐进增强与平稳退化


     渐进增强与平稳退化是由于CSS3流出来的一个概念,由于低级浏览器不支持CSS3,但是CSS3本身又太优秀,不忍心放弃,所以我们采取了一个折中的方案:在低级浏览器里边保证最基本的操作,高级浏览器里边使用CSS3

     渐进增强

    在网页设计人员中有这样一句话"内容就是一切"。如果没有内容,那么做出来的网站还有什么用处?

    话虽如此,但是也不能简单的把原始内容发布在网上,而不加任何描述。内容需要使用HTML或者XHTML来描述。所以我们可以修改这句话为"标记良好的内容就是一切"

    在给内容加上各种标记之后,我们就可以使用CSS指令来控制内容的显示效果。但即使去掉这个CSS,内容也依旧可以访问。

    所谓的"渐进增强"就是使用一些额外的信息层去包裹原始数据。按照"渐进增强"原则创建出的网站都会支持"平稳退化"

     渐进增强原则

    渐进增强原则基于这样一种思想:你应该总是从最核心的部分,也就是从内容开始。应该根据内容使用标记良好的结构;然后在逐步加强这些内容。这些增强工作可以是通过CSS改进呈现效果,也可以是通过DOM添加各种行为。如果你使用DOM添加内容核心,那么你添加的未免太迟了,内容应该在刚开始编写文档时就成为文档的组成部分。

    平稳退化

     由于网站的访问者完全有可能使用的是不支持JavaScript的浏览器, 或者还有一种可能是虽然浏览器支持JavaScript但是用户已经禁用它了(比如:因为看到了讨厌的广告弹出框)。如果没有考虑到这种情况,用户有可能就不会来访问你的网站。

    如果正确使用了JavaScript脚本的话,就可以让访问者在他们的浏览器不支持JavaScript的情况下仍能顺利的访问你的网站。这就是所谓的平稳退化,即就是就算某些功能无法使用,但是基本的操作仍能顺利完成。

    平稳退化原则

     渐进增强的实现必然支持平稳退化。那么如果你按照渐进增强的原则去充实内容,你为内容添加的样式或者行为就自然支持平稳退化,那些缺乏必要的CSSDOM支持的访问者仍可以访问到你的核心内容。如果你使用的JavaScript去添加这些内容,它就没法支持平稳退化,不支持JavaScript,就看不到内容。

  • 相关阅读:
    面试官:IO 操作必须要手动关闭吗?关闭流方法是否有顺序?
    程序员大部分时间不是写代码,而是。。。
    别再用 System.currentTimeMillis() 统计耗时了,太 Low,StopWatch 好用到爆!
    Spring Boot + Querydsl 框架,大大简化复杂查询操作!!
    Java 8 中 Map 骚操作!好用到爆!!
    100 行代码搞定了 RPC 原理,大家随便问。。
    Spring Cloud 如何统一异常处理?写得太好了!
    5 款顶级 Docker GUI 工具,好用到爆!!
    60 个神级 VS Code 插件!!
    Java 8 排序的 10 个姿势,太秀了吧!同事直呼看不懂。。
  • 原文地址:https://www.cnblogs.com/wyb1995/p/5848437.html
Copyright © 2020-2023  润新知