答案:作者介绍:Jeffrey Veen是AdaptivePath.com的合伙人之一,专门研究网页设计新技术,你可以在他的个人站点veen.com上学到更多知识。
自从开始web设计工作,我就加入到用web标准进行设计的团体中,至今已经很长时间了。我越来越感觉到采用W3C推荐的标准进行设计是一件正确的事情。当我准备重新设计adaptivepath.com站点时,我的搭档同意用符合标准的方法来建设它。但在我们开始前,我们也有一番讨论:采用web标准需要付出很大的努力,这样做是否值得?
当然,重新设计可以在“web标准支持者”中树立信誉,但是除了业界的赞誉以外,标准对于象我们这样的个人商业站点真的重要吗?web标准能为我们带来回报吗?转换到XHTML+CSS有什么经济上的利益吗?所有的答案是:是的。
加速开发
虽然HTML页面的简单大大促进了web发展,但是它也成为一种祸根。因为它们对代码格式如此的"宽容",助长了一些浏览器私有代码的发展,这些私有代码造成无数用户无法得到最佳体验(看到页面的最佳效果)。
我们许多的客户都为站点建立了多个版本,以尽可能地为更多用户提供最完美的设计。对于我们的公司,我们只需要用一组HTML页面、一个样式表和很少量的开发就可以了,超过95%的adaptivepath.com网站用户都采用遵循标准(standards-c ompliant)的浏览器,所以我们想,是时候向web标准过渡了。
web标准强制你进行错误校验。简单的声明你的HTML是什么版本,校验程序将按你的声明的标准来校验你的页面。校验器将严格校验并详细的告诉你有哪些错误,这样缩短了开发者花费在质量上的时间,并保证你的站点在不同浏览器上保持高度的一致性。即使现在的浏览器依然有某些显示bug,但是这已经比五年前的情况好多了。
易于维护,增加机会
多年以来,web标准团体一直推荐"保持视觉设计和内容相分离"的优点,这意味着HTML变得非常简单(几乎可笑),大部分的XHTM L页面只有一些富语义的和标签,以及一个指向强大的CSS文件的链接。这种完全的分离使得你的页面开发和维护变得简单,首先是因为使得开发团队之间能够更好的协调,例如编辑和设计师可以分开工作。
最近,有一个项目,我们采用了CSS技术,我们在自己的开发服务器上为客户开发CSS文件。而他们在后端服务器上准备内容的同时,我们也可以不断地修改设计,我们只要简单的编辑CSS文件而不需要和他们的版本发布系统保持结合,工作是平行进行的,我们戏剧性得缩短了开发时间。快速的开发获得了竞争和费用优势,更短的开发时间不仅仅节约成本,而且使资源空闲出来,因而获得更多机会。
拓展访问渠道
干净的代码带来更多的利益。不支持CSS的浏览器现在可以简单的忽略样式表,换句话说,有语义的XHTML表示可以被任何浏览器呈现,包括非传统的客户端,例如手机、PDAs、语音阅读器和屏幕阅读器等等,任何支持这些简单标签的设备都可以。
一个符合web标准的站点可以支持移动访问;支持Section 508易用性标准;以及兼容以前老版本的浏览器。你可以获得所有好处而且更加容易开发和维护,甚至于,在这个过程中你能节省一些硬件成本。
节约带宽成本
当我们从页面上剥离了font、table标签和一些用于装饰的图片,我们将页面尺寸从20.9k缩减到9.2k。目前,这些缩减看起来微不足道,但是当所有页面访问聚集起来就相当多了,使得我们站点的流量不堪重负。
我们的站点一天大约有几千的页面访问量(page views),可以节约56%的带宽。而大型商业站点可能一、二分钟内就达到这样的访问量,流行的热门站点更常常一天就达到几千百万的页面访问量。如果每页节约30-40k,加上缓存的样式表不需要再次下载,每月能为这些站点节约上千美元。你会看到那些IT人士为这样的设计而兴奋!
提高用户体验
金钱很容易量化,压缩代码还带来更多隐性的、附加的好处。一个快速的、活跃的站点总是能带来一个更好的、全面的用户体验,这不是什么秘密。
在web初期,巨大的图形界面设计使得拨号上网的用户忍受缓慢的访问速度,随着宽带的普及这种情况有些好转。但是出差的商业旅行者仍然可能通过旅馆的电话拨号上网成为你的新用户,采用干净、标准化的代码可以帮助你的用户快捷方便地在网站上完成他们的目的。
转变被证明是值得的
我们决定转换到标准,不是一种客套话,而是因为标准可以带来可爱的经济利益。这就是为什么越来越多的酷站开始转向web标准。为什么你还不开始向XHTML+CSS过渡呢?
标准化带来的经济利益是切实的。一旦我们的站点都普及了标准化,商业将体会到真实的许诺---内容的自由共享。上一个:XHTML基础问答-给初学者
下一个:XHTML基础问答
- 更多html/css疑问解答:
- div+css中关于ie浏览器中非啊元素的:hover的实现问题,哪位大神指点下啊
- css jquery代码中为什么宽度这样设定.menu li ul 150px;.menu li ul a 110px;.menu li a中padding的20px
- css 属性选择器 ie6 不支持吗?
- 用css、jquery做的选项卡效果,有一个小疑问,请高手指点,代码如下:
- 介绍本学习css的书
- wordpress多个CSS样式怎么调用?
- 这个div 的css是如何编写的
- div+css中,div的右边框小于div的高度且居中,除了用背景图片,如何实现?
- 表格立体感用CSS怎么写 我要 具体代码 写仔细 分段的 谢谢 了 兄弟 还有 下拉列表框 立体感用CSS 怎么写
- CSS 在一个大的DIV里面,另一个DIV怎么居中并置底。
- dw中html文档为什么无法链接css文档
- 设计一个小例子说明DIV+CSS的优势(例子要解释并注释)。
- 我会html css目前正在学js,打算在大三的寒假找个实习,请问应该找哪方面的实习?
- css问题,跪求大大帮忙
- 请教网页设计高手,如下图的这种css代码怎么写?