HTML5 教程学习 - HTML5+CSS3 实战(3) 渐进增强与平稳退化
在昨天的教程中，我们了解了使用HTML5实战的一些注意事项；今天我们来看看有关渐进增强与平稳退化(优雅降级)的基本概念。
渐进增强(Progressive Enhancement)
渐进增强的概念是指从最基本的可用性出发，在保证站点页面在低级浏览器中的可用性和可访问性的基础上，逐步增加功能及提高用户体验。本质上讲，我们日常的一些开发习惯，例如首先使用标记语言编写页面，然后通过样式表来控制页面样式等，都属于渐进增强的概念；其他更为明显的行为包括使用HTML5、CSS3等新技术，针对高级浏览器为页面提高用户体验的丰富程度。
平稳退化(Graceful Degradation)
平稳退化的概念是指首先使用最新的技术面向高级浏览器构建最强的功能及用户体验，然后针对低级浏览器的限制，逐步衰减那些无法被支持的功能及体验；在我们日常的开发中，一个典型的平稳退化的例子就是首先针对FireFox编写页面代码，然后修复IE中的异常或针对IE去除那些无法被实现的功能特色。
所以，这两个概念方法其实早已并存在我们的日常开发工作中了，只是“渐进增强”与“平稳退化”这样的措辞是近些年才开始被普及。在我们眼下的HTML5与CSS3实战用，这两个概念就尤其重要了，怎样保证使用不断变化的新技术来构建在主流浏览器下都具有基本可用性的站点，并针对高级浏览器进行体验提升，这些是我们在开发过程中需要明确的思路。
预热就到这里；在今天教程的最后，我们来看看接下来即将进行实战的页面设计缩略图：
我们可以看到，这是一个很基本的页面布局，几乎所有元素都可以使用HTML5来编写，例如页面标题、导航菜单、特色图文、文章列表、附加信息及外部链接等。明天开始我们将针对这些部分来逐一学习。
译者：Viiiix7210
原文参考：Coding A HTML 5 Layout From Scratch
| < Prev | Next > |
|---|
评论刷新