Web标准和网站重构只是一种思想

2016-02-19 23:32 9 1 收藏

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享Web标准和网站重构只是一种思想,希望可以对大家能有小小的帮助。

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  有这样一个面试的故事:

  面试官:你准备在我们公司做些什么事情?(大致这个意思)
  面试人:我准备在公司做网站重构,把原来是table的页面全部重构成css+div的,...
  面试官:不好意思,我们的网站都是css+div的,不需要重构了。
  面试人:...(无语了)

  自从2004年阿捷翻译了《网站重构》这本书,网站重构这个词就慢慢的必成了css+div,甚至等同起来,一些朋友把标准跟重构也混淆了,css+div跟标准也混淆了。这里有很多误读的成份。

  无可厚非《网站重构》当时给我们带来了一场革命。我看过部分章节,是本好书。可能是css,div,标准这些词太过于频繁,很多误读的人把网站重构和css+div或者html+css,css+div和标准,标准和重构都等同起来,弄得到底什么是什么,谁也说不清楚。这书出版到现在已经5年了,网站重构到底要多久?

  我个人认为这本书始终围绕这一个思想:使用WEB标准重构网站。

  21世纪初最大的IT冤案

  由于2004年绝大多数网站是使用table布局的,我们知道table布局最大的坏处就是不利于结构和表现分离,后期维护比较麻烦。而使用css和div能很好的解决这个问题。table标签一直是W3C html的标准标签之一,为什么到了我们这里就拒绝使用了,table标签被抹杀是21世纪初最大的IT冤案。《网站重构》这本书自始至终没说不能使用table标签,为什么到现在,页面上出现一个table标签就说这页面是垃圾呢?可能跟中国革命的彻底性有关系。

  什么是WEB标准

  WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。

  而在阿捷的网页设计师网站(相当于《网站重构》的官方网站)有这么一句话:
  怎样才是符合web标准?简单说就是不用HTML+table来设计页面,改用XHTML+CSS来实现。

  可能这句话才是误读《网站重构》的真正源头,抹杀table的真正元凶。但是我相信阿捷他老人家的出发点是鼓励大家使用XHTML+CSS来布局网页。
  《网站重构》给我们带来一场革命,同时也给我们带来了灾难性的div+css泛滥

  《网站重构》给我们带来一场革命是译者预料之中的事情,同时也给我们带来了灾难性的div+css泛滥是译者始料未及的。现在人们都在谈论div+css,谈论怎么解决浏览器兼容性问题,一个页面你就使用了div标签的有之,其实根本不存在div+css,是HTML+CSS。我问一个朋友什么是em标签,他说em是单位(css中度量单位),大家css都很精通了,html呢,基础呢,结构呢,语义呢?反正都是源代码一看,都是div标签,就是好页面。那你们把这个页面裸奔一下,看看是什么,用Twinsen Liang 的话去看看小学语文书。

  网站重构到底是什么

  网站重构不是一种技术,不是css+div,更不是标准,网站重构是一种思想,是一种理念。
  引用WebReBuild.ORG 的话:当前国内的同行普遍的认为:所谓的网站重构就是DIV+CSS,想法固然极度局限。但也不是另一部分的人认为是XHTML+CSS,因为XHTML+CSS只是页面重构。真正的网站重构理应包含结构、行为、表现三层次的分离以及优化,行内分工优化,以及以技术与数据、人文为主导的交互优化等。

  网站重构到底要多久

  重构网站先重构人,重构你的理念,不要光光追求技术,追求还原设计稿,追求浏览器的兼容性,重要的是基础和理念。当你真正了解什么是网站重构的时候网站重构也就真正开始了。

  纯属个人观点,欢迎留言斧正。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1630114.html

延伸阅读
标签: Web开发
Ajax: 一个建立Web应用的新途径 作者:Jesse James Garrett翻译:TurboChen 内容: Ajax的定义 Ajax如何不同凡响 谁在用Ajax 前进 如果要问做什么事是最有吸引力,那就是创建Web应用。毕竟,上次你听到有人称赞某产品的交互设计是什么时候的事了?(除了iPod之外) 它们都很cool, 而且都是很创新的项目。 抛开这些不管,Web设计者们对设计交互...
在学习中遇到问题可以到 论坛 发贴交流! 网站标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如 W3C DOM)、ECMAScript等。这些标准大部分由W...
标签: Web开发
Web 标准使您能通过最少的工作,生成可被最广大受众访问的 Web 站点。 Web 标准的承诺是:只需设计页面一次,即可让该页以完全相同的方式在任何现代的浏览器中显示和工作。 例如,在按照标准生成以后,旨在在 Microsoft Internet Explorer 中以某种方式显示的页可在其他浏览器(如,Mozilla&nbs...
标签: Web开发
继团队的CSS3.0中文手册在国内首发以后,最近风风火火的到处吹起HTML5.0和CSS3.0的春风;似乎在这浏览器互相调侃的年代,成就了一大堆业界茶余饭后的话题。 年前,google的chrome团队来到公司做相关的交流,公司要求我做个前期讨论方案。于是想了一下,里面提到了三点: chrome对于12px以上字体大小支持的问题 chrome的开发者工具虽有整合...
标签: Web开发
CSS2校验常见错误原因对照表 (错误)无效数字 : color909090 不是一个 color 值 : 909090 ---十六进制颜色值必须加"#"号,即#909090 (错误)无效数字 : margin-topUnknown dimension : 6pixels ---pixels不是一个单位值,正确写法6px (错误)属性 scrollbar-face-color 不存在 : #eeeeee --- 定义滚动条颜色是非标...

经验教程

216

收藏

70
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部