渐进增强与平稳退化

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

 渐进增强

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

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

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

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

 渐进增强原则

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

平稳退化

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

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

平稳退化原则

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

原文地址:https://www.cnblogs.com/wyb1995/p/5848437.html