CSS款式表渐进提高的基础定义

日期:2020-10-27 类型:科技新闻 

关键词:免费自助建站,手机建站平台,wap建站,免费自助建站平台,H5网站,H5模板建站


假如你挠着头想搞清楚雅致退级和渐进提高的差别,我告知你,这是视角难题。雅致退级和渐进提高都考虑到网站在各种各样机器设备的各种各样访问器上怎样优良运行。二者差别的重要在于它们各有关心的聚焦点,和这类关心对工作中步骤的危害。
原文:Understanding Progressive Enhancement
作者:Aaron Gustafson
从1994年刚开始,Web开发设计小区就敲响了雅致退级(Graceful Degradation)的鼓声。这个定义来自工程项目全球,其关键理念是给全新最强劲的访问器全套餐式的体验,而给那些悲剧还在应用Netscape 4的可伶人们只留些残羹冷炙般的基础作用。没什么疑惑,这充分发挥了功效。可是它其实不很合乎Tim Berners-Lee(译注:万维网之父)有关广泛可浏览性互联网(Universally Accessible Web)的初始愿景。

大概10年后,1些聪慧的家伙刚开始提出质疑雅致退级,发现它在许多层面上有不够的地方。她们将活力集中化在內容能用性(Content Availability)、整体可浏览性(Overall Accessibility)和挪动机器设备访问器的工作能力上,找寻到了1条Web开发设计的新方式——此方式将內容做为关心聚焦点,而不只是对旧机器设备的适用嘴上说说却沒有具体行動。
拓宽阅读文章有关內容:CSS款式表渐进提高的运用
在2003年的SXSW大会(译注:1个有关电影、歌曲和互动的大会)中,Steve Champeon和Nick Finck做了名为 “朝向将来的全方向Web设计方案” 的演讲。这样,她们揭露了这类Web开发设计新方式的蓝图。Steve还给它取了个名字:渐进提高(Progressive Enhancement)。 这里有个(彼此之间的)区别
假如你挠着头想搞清楚雅致退级和渐进提高的差别,我告知你,这是视角难题。雅致退级和渐进提高都考虑到网站在各种各样机器设备的各种各样访问器上怎样优良运行。二者差别的重要在于它们各有关心的聚焦点,和这类关心对工作中步骤的危害。 雅致退级的视角
雅致退级关心于在最开始进/最全能型的访问器上搭建网站。在被觉得“老的”或工作能力不够的访问器中的检测,常常要直到开发设计周期的最终1个阶段才开展,而且一般限定在流行访问器(如IE、Mozzila等)的前1个公布版本号中。
在这类方式下,老的访问器只将会出示差强大意(poor, but passable)的体验。也许会做些小补钉来融入某个特殊访问器,但这些访问器终究并不是关心的聚焦点,除调整重特大的不正确,也不容易再费多大的神了。 渐进提高的视角
渐进提高关心于內容。请留意差别:我乃至都没提及访问器。
內容是大家最开始建立网站的缘故。一些网站散播內容,一些搜集內容,一些恳求內容,一些实际操作內容,一些网站以上全部作用都有,但是它们都必须內容。这便是渐进提升变成1种更合适的方式的重要所属。这也是Yahoo!快速听取意见这类方式并用它建立了等级分类访问器适用(Graded Browser Support)对策的缘故。 它是如何运行的
进到渐进提高的逻辑思维方式很简易:要是从內容刚开始往外想。內容产生坚实的基石,在此之上才可以加上款式和互动。假如你爱吃糖块,能够将它想象成1颗M&M花生仁巧克力:

(图示:渐进提高的巧克力层)
从內容花生仁刚开始,将其标识为富含词义的(X)HTML. 接着给內容裹上1层富含奶油的CSS. 最终,加上JavaScript做为糖块硬壳,这就做变成1颗可口非常的美味可口(并使得它不容易在你手里溶化)。
假如十分熟习Web规范化健身运动的标语——分离出来、分离出来、分离出来——这个对比就非常清晰了。根据Web规范的开发设计常常被比作夹心生日蛋糕(或,能够更富想象力地比做为松糕(译注:1种多层生日蛋糕,能够夹新鲜水果、奶油、沙司等))。
我更趋向拿M&M花生仁巧克力来对比,由于它的外层把內容彻底包裹住了,这和大家的款式与脚本制作将內容包裹起来基本上是1样的。
假如你容许我的食材对比论再多讲1点(期待不容易让你觉得饥饿),我将解释为何这类方法更好和在这类方式下各层之间是怎样互动的。 花生仁仁
一些人喜爱花生仁。具体上,有人喜爱花生仁胜过M&M花生仁巧克力。相近地,一些家伙(和像检索模块爬虫这类物品)只要想內容。
也有些人无福消受花生仁上的巧克力和糖块层(比如糖尿病病人)。和她们相近,挪动机器设备或老访问器客户将会没法看到好看的设计方案,或与顺畅的AJAX驱动器的页面互动。
保证标识可以将所包裹的內容的细节最大程度地传递出来,这针对给这些客户出示基础体验相当关键。 巧克力外衣
接下来,能够将內容当心地浸入芬芳美味可口的CSS暖浴中了。但是在跳进糖块硬壳以前,也有些附加的考虑到。
有的人爱吃巧克力裹着的花生仁。这些人就像初级客户,她们的访问器有较为好的CSS适用,但将会沒有很好的JavaScript适用。或,将会在她们工作中的企业里,IT安全性人员对JavaScript极为病态性地害怕。对她们来讲,JavaScript便可能彻底被禁用了。
不管是趋向于爱吃巧克力花生仁(译注:1种立即用巧克力遮盖的花生仁,沒有外层硬壳,相近于有內容和CSS但沒有JavaScript适用的网站)還是被限定只能吃巧克力花生仁,这些人都应当获得考虑。这里有几种渐进提高的方法能够将款式运用于內容,这将是本系列第2篇文章内容的话题。 糖块硬壳
最终,能够将JavaScript加上到內容和款式的混和体中了。JavaScript出示了富互动的将会性,另外具备实际操作內容层和呈现层并与其互动的工作能力,这具体上使得JavaScript变成了把网站带入“体验”高宽比的1味配料。
我不确定性糖块硬壳究竟是如何加上到M&M花生仁巧克力上的(我猜是另外一种甚么浸蘸全过程吧),可是,在脑中想着渐进提高的话,在网站上添加根据JavaScript的作用和互动就易如反掌了。此外,就如M&M花生仁巧克力有各种各样各种各样色调1样,根据所运作的访问器和机器设备的工作能力,JavaScript的体验还可以不尽相同。
正如你将会了解的那样,这类种类的开发设计叫做无侵入式(Unobtrusive)JavaScript. 我将在本系列的第3篇和最终1篇文章内容中讲述这些技能和实践活动。 都放在1起
1旦了解了渐进提高的理念并刚开始在实践活动中应用,那末用渐进提高开展开发设计就十分简易了。或许比做糖块还简易。本系列接下来的两篇文章内容将协助你应用CSS和JavaScript来磨炼你的渐进提高技能,并展现如何把社会学变换成编码。
~~~~~~ 译注:
    Graceful Degradation有译为预留退路、安稳衰退的,但我感觉这两个汉语翻译沒有表述原意,比不上立即汉语翻译成雅致退级的好。 Unobtrusive有译为不冒昧的、分离出来的、低调的,在Web开发设计行业,我感觉汉语翻译成“无侵入的”最能表述原意。

2008年10月08日 射雕&安吉 译于杭州市
2008年10月09日 校审
2008年10月14日 依据taine的提议,去掉了译文中很多“你”、“你的”等不经意义词