Progressive Enhancement

释义 Definition

渐进增强：一种网页/应用开发理念——先提供最基本、可靠的核心内容与功能（通常基于语义化 HTML 和基础 CSS，保证在更多设备与网络环境下可用），再在支持的浏览器与条件下逐步添加更丰富的样式与交互（如高级 CSS、JavaScript），从而兼顾可用性、兼容性与体验。

发音 Pronunciation (IPA)

/prəˈɡrɛsɪv ɪnˈhænsmənt/

例句 Examples

Progressive enhancement makes sure the website works even without JavaScript.
渐进增强确保网站即使在没有 JavaScript 的情况下也能正常使用。

By starting with semantic HTML and then layering CSS and JavaScript only when supported, the team used progressive enhancement to improve accessibility, performance, and resilience across devices.
团队先用语义化 HTML 打底，再在支持时叠加 CSS 与 JavaScript，通过渐进增强提升了跨设备的无障碍性、性能与稳定性。

词源 Etymology

该术语由 progressive（逐步的） 与 enhancement（增强、改进） 组合而成，字面意思是“逐步增强”。在 Web 设计语境中，它强调“先保证基础可用，再按条件升级体验”的分层思路，常与“优雅降级”形成对比（前者从基础向上加，后者从完整向下兼容）。

相关词 Related Words

• Accessibility
• Graceful Degradation
• Semantic Html
• Responsive Design
• Feature Detection
• Polyfill
• Unobtrusive Javascript

文学与著作中的用例 Literary Works

• Adaptive Web Design（Aaron Gustafson）——系统阐述渐进增强在现代 Web 中的实践与原则。
• Designing with Web Standards（Jeffrey Zeldman）——在“Web 标准”语境下讨论分层与可访问性思想，与渐进增强高度相关。
• A List Apart（多篇前端经典文章）——“Progressive Enhancement”作为核心理念频繁出现并被推广。