zoukankan      html  css  js  c++  java
  • 渐进增强与平稳退化

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

     渐进增强

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

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

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

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

     渐进增强原则

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

    平稳退化

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

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

    平稳退化原则

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

  • 相关阅读:
    有些事情,我们需要坚持到底
    SEO策略与细节:细节决定成败
    织梦DEDECMS更新6月7日补丁后出现版权链接的删除办法
    argparse模块的应用
    多态实现原理剖析
    tensorflow中tf.ConfigProto()用法解释
    tensor flow中summary用法总结
    tensorflow-gpu版本出现libcublas.so.8.0:cannot open shared object file
    python3自带工具2to3.py用法
    公司管理系统之设计
  • 原文地址:https://www.cnblogs.com/wyb1995/p/5848437.html
Copyright © 2011-2022 走看看