做前端陆陆续续也有4年的时间，在这里就跟大家谈谈个人对前端开发的一些经验，这就算是做一次总结吧，如果有错误的地方还需要大家谅解和指正。

　　说起前端开发，我们就从一些让人打瞌睡的概念说起吧。

　　WEB标准

　　什么是WEB标准？也许很多人会认为是DIV+CSS。其实这是一个错误的说法，WEB标准时一系列的技术规范，而目前主要包括XHTML1.0、CSS2.1、DOM1.0和ECMAJavaScript。当然了，WEB标准也不仅仅是一个规范，而是一系列规范的总称。而上面说的DIV+CSS是XHTML1.1结合CSS2.0的一种制作方法，严格来应该说是XHTML+CSS。

　　而WEB标准是由三大块组成的。首先是结构，主要是对网页的数据对象进行整理分类，技术体现分别是HTML，XML，XHTML。（在这里大家可能会问，HTM不也是网页的一种吗？是的，实际上HTM与HTML没有本质意义的区别，原因是为了兼容一些不能识别四位扩展名的老系统（win32），开发者为了满足DOS仅能识别8+3的文件名而已。）；其次就是表现，用于没有结构化的信息显示以及视觉上的处理，分别包含为样式，颜色，大小等等，主要应用于CSS上。最后一个就是行为，用于文档对象模型定义与交互的体现，分别是DOM与MAScript来完成。

　　说了这么多，那么采用WEB标准做前端开发会有哪些优势呢？

　　节约成本，提升速度。

　　在这个问题之前，我先跟大家谈谈一个故人，那就是“table”，table也就是表格。早期的网站大部分都是用table来布局的，准确来说应该是用表格来布局。因为如果用table来布局，这时我们就不能叫table了，因为它几乎能完成所有结构上的事情。那为什么不用table来布局呢？这就是我们要谈的节约成本，提升速度了。

　　首先，table的可维护性低，太多的table属性要修改起来让人眼花缭乱，比如border=”0”,align=”left”等等，要修改得每个页面都要更改。第二，嵌套太过复杂，tr td会让你找到吐。第三，不能重用。第四，添加交互效果太难。第五，加载速度过慢。等等，每个问题都无不牵扯到成本和速度的问题。

　　如果采用WEB标准来制作，上面的几种问题完全可以解决。因为我们可以做到王爷表现与内容分离，也就是用XHTML来作为数据的表现，而所有的样式表现将由CSS来全部控制。这样不仅结构清晰，页面体积也会大大的减小，浏览器兼容性更好。当然还有很多好处，比如有利于SEO优化，更容易被搜索引擎收录，样式重用，维护方便，错误修改页面调整更加快捷等等。所以W3C推荐使用WEB标准开发的原因相信大家也很清楚了。