漸進增強
漸進增強(英語:Progressive enhancement)是網頁設計的一種策略,強調可訪問性,語義HTML標記,外部樣式表和腳本技術。漸進增強使用Web技術以分層的方式,允許所有人訪問網頁的基本內容和功能,使用任何瀏覽器或互聯網連接,同時還給更先進的瀏覽器軟件或更大的帶寬提供了這些頁面的一個增強版本。
歷史
編輯「漸進增強」是被Steven Champeon創造於2003年3月11日在奧斯汀的西南偏南(SXSW)互動大會[1],並於2003年3月和6月間通過一系列網猴(Webmonkey)教程文章的公佈[2]。
有關頁面佈局適應不同的屏幕解像度的靈活性,具體的層疊樣式表(CSS)技術最近是被在「響應式網頁設計」的名義下討論。 .NET雜誌選擇了漸進增強是2012年網頁設計趨勢的名單上#1(響應式網頁設計是#2)[3]。谷歌鼓勵採用漸進增強,以幫助「當某些網頁設計功能尚不被支持的時候,我們的系統(以及更廣泛的瀏覽器)看到有用的內容和基本的功能」[4]。
核心原則
編輯漸進增強包括以下核心原則:
- 基本內容應該是被所有網絡瀏覽器訪問
- 基本功能應該是被所有網絡瀏覽器訪問
- 稀疏的,語義化的標記包含的所有內容
- 增強的佈局是由外部連結的CSS提供
- 增強的行為是由外部連結的非侵入式JavaScript提供
- 最終用戶的網絡瀏覽器偏好被受到尊重
參見
編輯參考文獻
編輯- ^ Champeon, Steven & Finck, Nick (2003) Inclusive Web Design for the Future (頁面存檔備份,存於互聯網檔案館), SxSWi presentation
- ^ Champeon, Steven (2003), Progressive Enhancement and the Future of Web Design (頁面存檔備份,存於互聯網檔案館), Webmonkey
- ^ 15 top web design and development trends for 2012. January 9, 2012 [2016-09-13]. (原始內容存檔於2017-06-30).
- ^ Pierre Far (2014), Updating our technical Webmaster Guidelines (頁面存檔備份,存於互聯網檔案館), Webmaster Central Blog
延伸閱讀
編輯- 文章
- (英文)Gustafson, Aaron (2008) Understanding Progressive Enhancement (頁面存檔備份,存於互聯網檔案館) Retrieved July 7, 2011
- (英文)Gustafson, Aaron (2008) Progressive Enhancement with CSS (頁面存檔備份,存於互聯網檔案館) Retrieved July 7, 2011.
- (英文)Gustafson, Aaron (2008) Progressive Enhancement with JavaScript (頁面存檔備份,存於互聯網檔案館) Retrieved July 7, 2011
- (英文)Gustafson, Aaron (2007) Ruining the User Experience (頁面存檔備份,存於互聯網檔案館) Retrieved May 7, 2007.
- (英文)hesketh.com, September 12, 2003 Progressive Enhancement: Paving the Way for Future Web Design (頁面存檔備份,存於互聯網檔案館)
- (英文)Keith, Jeremy (2006) Behavioral Separation(頁面存檔備份,存於互聯網檔案館) Retrieved May 7, 2007.
- (英文)Olsson, Tommy (2007) Graceful Degradation & Progressive Enhancement (頁面存檔備份,存於互聯網檔案館)
- 書籍
- (英文)Briggs, Owen; Champeon, Steven; Costello, Eric; Patternson, Matthew (2004) Cascading Style Sheets: Separating Content From Presentation (2nd ed.). San Francisco: Apress. ISBN 1-59059-231-X
- (英文)Gustafson, Aaron (2011) Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement (頁面存檔備份,存於互聯網檔案館). Chattanooga: Easy Readers. ISBN 978-0-9835895-0-1.
- (英文)Keith, Jeremy (2007) Bulletproof Ajax (頁面存檔備份,存於互聯網檔案館). Berkeley: New Riders. ISBN 0-321-47266-7
- (英文)Keith, Jeremy (2005) DOM Scripting: Web Design with JavaScript and the Document Object Model. Berkeley: friends of ED. ISBN 1-59059-533-5
- (英文)Parker, Todd; Toland, Patty; Jehl, Scott; Costello Wachs, Maggie (The Filament Group (頁面存檔備份,存於互聯網檔案館)) (2010) Designing with Progressive Enhancement (頁面存檔備份,存於互聯網檔案館) Peachpit/New Riders. ISBN 978-0-321-65888-3