2009-08-19 分类:前端杂谈 作者: 1 条评论

为什么要使用Web标准

前面了解了什么是Web标准,还有一个标准的Web文档应该具备的一些特点。但是一些Web开发人员和Web设计师对使用Web标准却持有很大的抵触态度,普遍的看法是它太难了,不管它是怎么运作,我使用的那些软件总会创建出一些不规范的代码。其实,学习新的技术并放弃你所熟知的技术,这的确很容易引起情绪上的反感,并产生抵触的情绪。然而,如果你很理智的观察一下现在的形势,将会发现,通过学习和使用Web标准会得到许多好处。

那么,到底是什么促使我们使用Web标准,为什么要使用Web标准呢,使用Web标准到底有什么好处呢?

  • 提高代码的利用效率:当你深入学习和了解Web标准之后,你会发现Web标准使用的最佳习惯主要是关于代码重用的。通过重用代码,你可以将HTML内容和CSS样式信息及JavaScript行为信息相分离,减小网页体积,而且只需要写一次代码,在以后需要的地方重用即可。
  • 更简易的开发与维护:如果你可以只写一次HTML代码,然后在需要应用样式和行为的地方,使用类和函数。而以后,在你需要做出改动的时候,你可以只在一个地方修改,然后此修改就会自动应用到整个Web站点,而不再需要一处一处地修改。
  • 提高可访问性:Web上的一个大问题就是,让Web站点可以被每个人访问,而不论他们身处何种环境。这包括要能让残疾人,包括盲人、视觉受损的人、和运动功能有障碍的人也能访问网站。通过使用Web标准和最佳的习惯,你可以使你的Web站点能被尽可能多的人访问。
  • 设备兼容性:兼容性,不仅要确保你的Web站点可以跨平台(如Windows、Mac、Linux),而且要能在其它的浏览设备上工作,比如现在用的手机、电视、游戏控制台等。这些装置在屏幕大小、处理能力、控制机制等方面都有一些局限性。不过你放心,通过使用Web标准和最佳的习惯,可以让你的Web站点能在绝大多数装置上显示。要知道全球手机的数量多于个人电脑的数量,而且很多手机都是可以上网的,你或你的客户怎能不去占领这个大市场呢。
  • 更快的网页下载、读取速度:更少的 HTML 代码带来的将是更小的文件和更快的下载速度。如今的浏览器处于标准模式下将比它在向下兼容模式下拥有更快的网页读取速度。
  • 更高的搜索引擎排名:在这里,我指的是所谓的“搜索引擎优化”,即让你的Web站点能尽可能多地被网络爬虫爬到,并且被索引,从而提高你的Web站点在百度、谷歌等搜索引擎上的排名。这是一项专门的学问。同样地,通过使用Web标准,你就可以让你的站点在百度、谷歌等搜索引擎上尽量靠前地显示,这必将大大地促进你的业务。
  • 更好的适应性: 一个用语义化标记的文档可以很好的适应于打印和其他的显示设备(像掌上电脑和智能电话),这一切仅仅是通过链接不同的 CSS 文件就可以完成。你同样可以仅仅通过编辑单独的一个文件就完成跨站点般的表现上的转换。

正是因为具有了这样的一些优点和好处,Web标准才有了其独特的魅力和特色,而Web标准的这个优点也是我们去学习和追随Web标准的理由和意义所在。虽然有些人骨子里对Web标准方案和抵触,但不可否认的是,Web标准的的确确有益于Web的良性发展,也有利于公司利益、效益的最大化和工作效率、质量的提升。动起手来,是时候开始追随并应用Web标准到自己的日常工作和生活了。

2009-08-18 分类:前端杂谈 作者: 2 条评论

什么是Web标准

Web标准,或者说是网站标准,不是一种单一的标准规范,而是由一些规范共同组成的标准集合,是由W3C和其它的标准化组织共同制定,用来创建和解释基于Web的内容。这些规范是专门为了那些在网上发布的可向后兼容的文档所设计,使其能够被大多数人所访问。

Web标准按照其行为和表现方式,一般可以分为四种类型,它们是:

结构化标记语言

结构化标记语言是用来描述Web页面的骨架和机构的一种描述性的计算机语言,按照规范公布的先后顺序,主流的结构化标记语言可以分为如下的几种:

  • HTML(超文本标记语言) 4.01
  • XHTML(可扩展超文本标记语言) 1.0
  • XHTML 1.1
  • XML(可扩展标记语言) 1.0
  • HTML5 (正在草案制定中)

表现类语言

表现类语言的出现,主要是用来描述结构化标记语言的外观表现的,也就是说,用结构化标记来搭建Web页面的骨架,用表现类语言来给骨架进行设计和装修美化。变现类语言按照发展历程主要有下面几种:

  • CSS (层叠样式表)1
  • CSS 2
  • CSS 3 (正在草案制定中)
  • MathML (数学置标语言)
  • SVG (可变矢量图形)

文档对象模型和行为脚本语言

文档对象模型简称DOM,是一种与浏览器,平台,语言无关的接口,是用以访问页面元素的标准组件。简单理解,DOM解决了Netscape的Javascript和Microsoft的Jscript之间的冲突,给予web设计师和开发者一个标准的方法,让他们来访问他们站点中的数据、脚本和表现层对像。文档对象模型按照发展主要有下面几个过程:

  • DOM (文档对象模型)1
  • DOM 2
  • DOM 3

行为脚本语言是用来控制页面的动作和交互行为的脚本语言,是在Netscape的Javascript和Microsoft的Jscript脚本语言的基础之上发展而来的。行为脚本语言主要有下面的种类:

  • ECMAScript 262 (JavaScript的标准化版本)

当一个文档被认为离 Web 标准不远了的时候,那就意味着,除了具有上面所提到的技术,还应当:

  • 由符合标准的 HTML 构建
  • 用 CSS 来布局而不是表格
  • 使用结构化、语义化的标记
  • 能够在任何平台和浏览器中显示

能够在任何浏览器中显示并不代表在任何一个浏览器中显示的效果是完全相同的。使一个文档在不同的浏览器和平台上都有相同的显示效果是不可能的,即便只用图片也不可能,因为发布在网上的文档将被不同的操作系统上的不同的浏览器软件所显示,并显示在不同大小与质量的显示器上(或者显示在非显示器上),浏览者也可能改变了浏览器的默认字体或者其他喜好。接受这样的一个现实,能使你在Web标准之路上减少一些挫折感。每一个做网页的人都应该了解,一些技术上的先决条件我们不得不考虑,就像那些出书、拍电影、拍电视的人一样,他们也有一些其他方面的前提必须要考虑。

在后续的文章里,我将主要去写一些如何去基于Web标准层面的结构化标记语言HTML和表现类语言CSS去构建简单、灵活、方便、高效和高性能的Web前端页面。而对于文档对象模型和行为脚本层面的内容,由于内容的循序渐进提升和篇幅的限制,我将会在之后陆续去写。