CSS3中優雅降級和漸進增強區別

來源:互聯網
上載者:User
下面是我給大家整理的CSS3中優雅降級和漸進增強區別,有興趣的同學可以去看看。

漸進增強 progressive enhancement:針對低版本瀏覽器進行構建頁面,保證最基本的功能,然後再針對進階瀏覽器進行效果、互動等改進和追加功能達到更好的使用者體驗

優雅降級 graceful degradation:一開始就構建完整的功能,然後再針對低版本瀏覽器進行相容

區別:優雅降級是從複雜的現狀開始,並試圖減少使用者體驗的供給,而漸進增強則是從一個非常基礎的,能夠起作用的版本開始,並不斷擴充,以適應未來環境的需要。降級(功能衰減)意味著往回看;而漸進增強則意味著朝前看,同時保證其根基處於安全地帶


“優雅降級”觀點認為應該針對那些最進階、最完善的瀏覽器來設計網站。而將那些被認為“過時”或有功能缺失的瀏覽器下的測試工作安排在開發週期的最後階段,並把測試對象限定為主流瀏覽器(如 IE、Mozilla 等)的前一個版本。

在這種設計範例下,舊版的瀏覽器被認為僅能提供“簡陋卻無妨 (poor, but passable)” 的瀏覽體驗。你可以做一些小的調整來適應某個特定的瀏覽器。但由於它們並非我們所關注的焦點,因此除了修複較大的錯誤之外,其它的差異將被直接忽略。

“漸進增強”觀點則認為應關注於內容本身。

內容是我們建立網站的誘因。有的網站展示它,有的則收集它,有的尋求,有的操作,還有的網站甚至會包含以上的種種,但相同點是它們全都涉及到內容。這使得“漸進增強”成為一種更為合理的設計範例。這也是它立即被 Yahoo! 所採納並用以構建其“分級式瀏覽器支援 (Graded Browser Support)”策略的原因所在。

上面是我整理給大家的CSS3中優雅降級和漸進增強區別,希望今後會對大家有協助。

相關文章:

JS+CSS3實現滑鼠與圖片互動放大效果

CSS和CSS3實現畫出三角形元素

HTML5+CSS3應用詳解

  • 相關文章

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.