渐进增强

编辑
本词条由“匿名用户” 建档。

渐进增强是网站设计的一种策略,它首先强调核心网页内容。然后,此策略会在最终用户的浏览器/互联网连接允许的情况下,在内容之上逐步添加更细微差别和技术上严格的表示和功能层。此策略的建议优点是,它允许每个人使用任何浏览器或Internet连接访问网页的基本内容和功能,同时还为使用更高级的浏览器软件或更大带宽的用户提供页面的增强版本。 该策略是先前的网页设计策略(称为优雅降级)的发展,其中设计人员将为最新...

什么是渐进增强

编辑

渐进增强网站设计的一种策略,它首先强调核心网页内容。然后,此策略会在最终用户浏览器/互联网连接允许的情况下,在内容之上逐步添加更细微差别和技术上严格的表示和功能层。此策略的建议优点是,它允许每个人使用任何浏览器或Internet连接访问网页的基本内容和功能,同时还为使用更高级的浏览器软件或更大带宽的用户提供页面的增强版本。

该策略是先前的网页设计策略(称为优雅降级)的发展,其中设计人员将为最新的浏览器创建网页,这些网页在较旧版本的浏览器软件中也能正常运行。正常降级应该允许页面“降级”,或者即使不存在设计所假定的某些技术也可以保持可显示状态,而不会给这样的旧软件的用户带来麻烦。

在渐进增强(PE)中,该策略被有意地颠倒了:创建了基本的标记文档,以浏览器软件功能的最低公分母为目标,然后设计人员使用现代的功能为页面的表示和行为添加了功能或增强功能级联样式表,可伸缩矢量图形(SVG)或JavaScript等技术。所有这些增强功能都是外部链接的,从而防止了不必要地下载某些浏览器无法使用的数据

渐进增强

渐进增强方法源于Champeon在使用HTML或任何Web表示语言之前的使用标准通用标记语言SGML)的早期经验(约1993-4),以及后来使用CSS解决浏览器错误的经验。在那些早期的SGML上下文中,语义标记至关重要,而表示几乎总是分开考虑的,而不是嵌入标记本身。这个概念被不同地称为在标记圆圈为一体的规则表示和内容的分离,内容和风格的分离,或语义和呈现的分离。随着Web在90年代中期的发展,但是在CSS引入并得到广泛支持之前,HTML的扩展程序屡屡违反了​​SGML的基本规则。结果,网页设计师被迫采用破坏性的新技术和标签,以便保持相关性。出于优雅降级的考虑,认识到并不是每个人都拥有最新的浏览器,因此许多人开始简单地采用仅在最新版本以及以前的单个主要浏览器版本中受支持的设计实践和技术。几年来,大多数Web仅在最新,最受欢迎的浏览器上无法使用。直到CSS的兴起,广泛采用和支持以及许多民粹主义基层的教育努力(来自Eric Costello、Owen Briggs、Dave Shea、渐进式增强基于以下认识:随着具有低功能浏览器和严格带宽限制的手持设备和PDA设备的兴起,“优雅降级”背后的核心假设(即浏览器总是变得越来越快、功能越来越强大)证明了自己是错误的。此外,HTML和Web早期相关技术的快速发展已经放慢了脚步,而且非常老旧的浏览器已经过时,设计师可以使用强大的技术(例如CSS)来管理所有演示任务,并使用JavaScript来增强复杂客户端-副行为。

首先提出一个不太复杂的通用短语来描述“将文档结构和内容与语义,表示和行为分开”的精致技巧,并基于当时常见的CSS hack来解决在特定浏览器中呈现bug的问题,随着新的设计师接受了这种想法并扩展和修订了这种方法,渐进增强策略已经有了自己的生命。

核心原则

编辑

渐进增强策略包括以下核心原则:

  • 基本内容应可供所有Web浏览器访问
  • 所有网络浏览器都应可以访问基本功能
  • 稀疏的语义标记包含所有内容
  • 外部链接的CSS提供了增强的布局
  • 通过不引人注目的外部链接JavaScript 提供增强的行为
  • 尊重最终用户的Web浏览器首选项

支持和采用

编辑
  • 2003年8月,吉姆·威尔金森(Jim Wilkinson)创建了一个渐进式增强Wiki页面,以收集一些技巧和窍门并解释总体策略。
  • 杰里米·基思(Jeremy Keith)这样的设计师已经展示了该方法如何与现代Web设计的其他方法(例如Ajax)和谐地结合使用,以提供灵活但强大的用户体验
  • 亚伦·古斯塔夫森(Aaron Gustafson)为A List Apart撰写了一系列涵盖渐进增强基础知识的系列文章,从基础哲学到CSS方法再到如何处理JavaScript。
  • 包括Dave Shea在内的其他人帮助扩展了该术语的使用,以指代基于CSS的设计策略。
  • 诸如Acids和Acid3测试的创建背后的Web Standards Project(WaSP)之类的组织已经接受了逐步增强作为其教育工作的基础。
  • 2006年,内特·科希利(Nate Koechley)在Yahoo! 在他自己的Web设计和浏览器支持方法(分级浏览器支持(GBS))中广泛引用了逐步增强功能。
  • 美国在线(AOL)的史蒂夫·奇普曼(Steve Chipman)将渐进式增强(通过DOM脚本编写)称为其Web设计策略的基础。
  • AOL优化团队的负责人David Artz开发了一套可访问的渲染技术,并发明了一种动态拆分“增强”的技术,从而节省了用户的偏好。
  • 克里斯·海尔曼(Chris Heilmann)讨论了有针对性地交付CSS的重要性,以便每个浏览器仅获得它可以处理的内容(和增强功能)。
  • Filament Group的Scott Jehl提出了“测试驱动的渐进增强”,建议在提供增强功能之前测试设备功能(而不是从检测到的用户代理中推断出它们)。
  • Wt是一个开放源代码服务器端Web应用程序框架,在其引导过程中透明地实现了逐步增强,从纯HTML到完整的Ajax。

辅助功能的好处

编辑

根据渐进增强原理创建的网页从本质上来说更易于访问,因为该策略要求基本内容始终可用,而不受通常不受支持或容易禁用的脚本的阻碍。此外,稀疏标记原理使大声读取内容的工具更容易找到该内容。目前尚不清楚渐进式增强站点与旨在处理表格布局,“ 标记汤 ”等的较旧工具的配合效果如何。需要引用 ]

搜索引擎优化(SEO)的好处

编辑

关于索引擎优化(SEO)的改进结果是基于渐进增强的Web设计策略的另一个副作用。由于搜索引擎蜘蛛始终可以访问基本内容,因此使用渐进增强方法构建的页面避免了可能妨碍搜索引擎索引的问题。

批评与回应

编辑

一些怀疑论者,例如Garret Dimon,已经表达了他们的担忧,即在严重依赖JavaScript来实现某些用户界面表示或行为的情况下,渐进增强是行不通的,JavaScript的不干扰是一种回应。其他人则反驳了这样的观点,即信息页面应使用渐进增强进行编码,以便被蜘蛛索引,而即使是闪存繁多的页面也应使用渐进增强进行编码。在一个相关领域,许多人对内容和表述以xxx术语分开的原则表示怀疑,反而促使人们现实地认识到两者之间有着千丝万缕的联系。

内容由匿名用户提供,本内容不代表vibaike.com立场,内容投诉举报请联系vibaike.com客服。如若转载,请注明出处:https://vibaike.com/106309/

(5)
词条目录
  1. 什么是渐进增强
  2. 核心原则
  3. 支持和采用
  4. 辅助功能的好处
  5. 搜索引擎优化(SEO)的好处
  6. 批评与回应

轻触这里

关闭目录

目录