前端开发经验之谈

    做前端开发快有 3 年时间，今天跟大家谈谈个人对 WEB 前端开发的一些经验（当然都是个人的一些理

解，有什么地方说的欠妥或不对的地方还请包含和指正），这里我就从

WEB 标准开始吧。

WEB 标准是什么？

呵呵，说是

WEB 标准，不过我这里主要是对 XHTML1.1 和 CSS2.1 的一些经验总结。因为 WEB 含盖的

内容实在是太多了，

“WEB 标准”是一系列标准的总称，包括

HTML4.0、XHTML1.1、CSS2.1、XML1.0、RSS2.0、ECMAScript1.1、DOM1.0 等等。所以这里要跟大家

指出来一下，

WEB 标准不是我们所说的 DIV+CSS。

刚刚上面提到了

——DIV+CSS，呵呵，这里要说明下，这样说其实是不正确的。DIV+CSS 准确的说法

（个人的理解）应该是：采用

W3C 推荐的 WEB 标准中的 XHTML1.1 结合 CSS2.0 样式表制作页面的方

法，

DIV 应该指的是 XHTML 标签，而 CSS 显示是指的 CSS 样式表了。 

采用

WEB 标准开发的好处

那么

W3C 为什么会推荐这样的页面制作方法呢？下面我们就简单的看看采用 WEB 标准开发（个人理解

的）相对以前

TABLE 布局的优势有哪些？

1、节约运营成本，省钱啊！

呵呵，能帮你省钱的东西，你会不会有兴趣？当然是十分的有兴趣了。看看我们的

WEB 标准制作方法是

如何做到的？

采用

WEB 标准制作，我们可以做到表现很形式的分离，我们用 XHTML 来表现（数据），用 CSS 来控制

（页面元素呈现的）形式。写的好的页面，

XHTML 代码中基本上都是用户要看的数据，还其他修饰性的

东西，全部由我们的

CSS 来控制。这样一来我们的（XHTML）页面的体积就大大减小了，这样你在带宽

上的费用就会大家降低了，这个怎么降低的，你可以想象一下，

YAHOO 的首页小 1K，100W 个人一起

访问，那么带宽节约了多少？而且可以更充分的利用带宽。

而我们的

CSS 控制了，所有的页面元素的样式，现在想改网站的整体风格，你只需要花几分钟修改一下

一个

CSS 文件，就可以轻松搞定了。维护的成本也下来了，省了不少钱了吧？还有，你开这个页面的速度

会快很多啊，一个让你等半分钟的页面，除非里面的信息对你很有用，不然我们大家基本都没有太多的时

间去用来等待的。

2、对用户友好更友好，且有机会获得更多的用户

现在来说说用户友好。首先我想把我们的用户来分下类。

第一类：普通用户（每个访问我们网站的人）；

第二类：搜索引擎；