应该是 2006 年左右的时候。在那个年代,国内才刚刚开始推广使用基于 W3C 的 Web 标准(主要指 CSS2.0 和 XHTML1.1 标准)开发制作 Web 页面。

感觉几乎是在一瞬间,所有国内的各大门户网站都先后开始使用 CSS + XHTML 技术对以前基于 TABLE 布局的 Web 页面进行了彻底的重构。也就是从那个时候起,国内的各个大小的互联网公司开始招聘专职的 Web 前端开发工程师。

那么,为什么使用 W3C 的 Web 标准开发 Web 页面会如此的受到业界的青睐,从而得到全面而迅速的推广的呢?采用 W3C 的 Web 标准开发 Web 页面相对以前 TABLE 布局的优势有哪些?

采用 W3C 的 Web 标准开发 Web 页面的优势

我个人的理解采用 W3C 的 Web 标准开发 Web 页面相对以前 TABLE 布局的优势主要有 3 点:

  1. 节约运营成本
  2. 对用户友好更友好
  3. 能够为站点带来更多的用户

优势1:节约运营成本

能帮我们省钱的东西,你会不会有兴趣?当然是十分的有兴趣了。特别是以盈利为目录的各个互联网公司,能够为公司节约运营成本,就是在为公司创造价值。那么,让我们来看看采用 Web 标准开发制作 Web 页面是如何做到这一点的?

采用 Web 标准开发制作 Web 页面,可以(也是要求)做到表现和形式的分离。即用 XHTML 来表现(显示)数据,用 CSS 来控制页面元素的呈现形式。

经过重构后的 Web 页面,HTML 文件中基本上都是用户要查看的数据,将原来混合在 TABLE 布局(table 标签)中的内嵌的 CSS 代码都剥离了出去。与此同时,同时移除了以前采用 TABLE 布局过多的不必要的TABLE 嵌套的代码,从而大大减小了 HTML 文件的体积。

而那些剥离出来的内嵌 CSS 代码,则全部保存到了独立的 CSS 文件中了。而在将内嵌的 CSS 样式代码保存到独立的 CSS 文件中后,又可以进一步将那些重复编写的内嵌 CSS 代码全部移除掉,只保留一份相同的样式控制代码片段。进过如此处理后,也减少了 CSS 文件的大小。

更重要的是,在使用独立 CSS 文件来控制所有的页面元素的样式后,现在想修改改调整网站的整体风格,只需要花几分钟修改一下某个 CSS 文件,就可以轻松搞定了,效率非常的高。而这在采用 TABLE 布局的页面时,修改站点整体风格对于大型门户网站来说,是极其耗费人力和时间的一件事情。非常,非常,非常地痛苦!

前后一对比,采用 Web 标准开发制作 Web 页面的人力资源的维护的成本要比以前低很多很多了,这也就给公司节约了运营成本的降低。是不是省了不少钱了吧?另外,那些体积减小后的 Web 页面,对于网络带宽的要求也降低了。我们可以拿一个大型门户网站首页来做个例子,比如网易的首页如果减少小 1KB,以网易的访问流量我们保守按每天 5000W 人次 PV 访问量,那么我们可以算算在带宽上大约就节省了多少流量?而且这些节省下来的带宽就可以满足更多用户的访问请求。这么一算,也不是也节约公司的运营成本啊?

不仅如此,页面的体积减小对用户而言,就意味着能更快的浏览页面,也就是节约了用户的时间(时间=金钱)和流量费用。同时提升了网站的用户体验。采用 Web 标准开发制作 Web 页面,是不是好处多多?

优势2:对用户友好更友好

接下来说说用户更友好。首先访问我们站点的用户分为两类:

  • 第一类:普通用户(每个访问我们网站的人);
  • 第二类:搜索引擎;

采用 Web 标准开发的页面,要求结构清晰,页面体积小,浏览器兼容性好。普通用户访问的时候,页面打开速度也就更快,并且不管用户使用那种浏览器,都能够正常访问(显示)页面。而页面的结构清晰,就是用户可以很方便的了解页面(文章)的层次结构,可以很容易的找到想要查看的数据。即使是在没有 CSS 样式的情况下,也可以一样方便的查找到想要看的内容。

对访问网站的搜索引擎来说,一个好的采用 Web 标准开发的页面,都是 SEO 友好的。搜索引擎可以很容易理解你的页面结构,它可以清晰的知道哪里是标题(H1~H6标签),也可以很容易的分析出哪里是正文段落(p标签),并且可以很容易的分析出是正文段落里要强调的内容(strong 或者 em 标签)。

优势3:能够为站点带来更多的用户

一个 SEO 做得好的站点,被搜索引擎收录的机会也更多。这也意味着您的网站有机会被更多的普通用户搜索到,从而进入你的站点访问。最终给你的站点带来更多的用户,甚至在浏览你的站点后产生购买行为,从而给你带来实际的营收利润。

正是基于以上 3 点的优势,采用 W3C 的 Web 标准开发制作页面才得到如此全面而迅速的推广。如果你对使用 Web 标准重构网站的话题感兴趣,推荐阅读《网站重构—应用Web标准进行设计》这本书。

分类: Blog