網頁設計培訓課程之漸進增強和優雅降級

優雅降級(graceful degradation):一開始就構建站點的完整功能,然后針對瀏覽器測試和修復。


漸進增強(progressive enhancement):一開始只構建站點的最少特性,然后不斷針對各瀏覽器追加功能。優雅降級:使用優雅降級方案,Web站點在所有新式瀏覽器中都能正常工作,如果用戶使用的是老式瀏覽器,則代碼會檢查以確認它們是否能正常工作。由于IE獨特的盒模型布局問題,絕大多數Web設計師和開發者都通過專門的樣式表或針對不同版本的IE的hack實踐過優雅降級了;


使用優雅降級技術時,你必須首先完整的實現了網站,其中包括所有的功能和效果。然后再為那些無法支持所有功能的瀏覽器增加候選方案,使之在舊式瀏覽器上以某種形式降級體驗卻不至于完全失效。


漸進增強:從被所有瀏覽器支持的基本功能開始,逐步地添加那些只有新式瀏覽器才支持的功能。漸進增強是值得所有開發者采用的做法。漸進增強方案并不假定所有用戶都支持javascript,而總是提供一種候補方法,確保用戶可以訪問(主要的)內容。


使用漸進增強時,無需為了一個已成型的網站在舊式瀏覽器下正常工作而做逆向工程。首先,只需要為所有的設備和瀏覽器準備好清晰且語義化的HTML以及完善的內容,然后再以無侵入的方式向頁面增加無害于基礎瀏覽器的額外樣式和功能。當瀏覽器升級時,它們會自動地呈現出來并發揮作用。


想讓網站在任何環境下看起來都保持一致是不可能的,不管為此付出多少努力,結局依舊會令你失望。與其試圖讓IE看起來堪比年輕它十歲的瀏覽器,不如努力改善網站的可訪問性,或是進行更多的可用性測試,而不僅僅是讓頁面看起來更靚一點。

上一篇: 前端工程師技能之photoshop巧用系列

下一篇: CSS進階:提高你前端水平的4個技巧

分享到: 更多
如何藏分出款 网上彩票买大小有什么技巧 广东11选5计划软件手机版本 三人斗地主报名规则 pk10精准前三计划 重庆时时彩稳赚公式 幸运28挂机模式倍投 冠通乐翻麻将 超级大乐透胆拖怎么算中奖 下载彩票365自动安装 pk10玩法技巧大全 中国女篮大决赛视频 单机二人麻将游戏 福彩欢乐生肖开奖直播 nba投注网站 官网mg平台