Web标准简介

初学者很容易把web标准理解为DIV+CSS,以为DIV的作用就是简单的替代表格去做表格以前做的事情，于是乎许多采用新技术的网站开始了DIV+CSS制作网页，当打开网页代码的时候，看到整个页面基本都是采用了DIV标签，给每个DIV标签都指定了一个class，其实这是对web标准的一种滥用方式。
web标准的思想是实现结构，表现，行为的分离，不只是简单的把table换为DIV，如果要想学好web标准的思想，首先要做的就是抛弃传统的表格布局思想。

---

Web传统网站

有table标签，做了很多事情。

图片.png

现代网站，使用div+css布局与之做主要区别。

图片.png

传统的网站的代码量也大大超过现代化的网站。
传统网站的结构和表现是混杂在一起的，不容易改变样式，现代化的网站结构和表现是分离的（css分离出来的），可以很好改变样式。

---

Web标准的好处

高效开发，维护简单。
信息跨平台的可用性。（由于采用结构与表现分离的技术，结构与表现各为一个独立体，这样可以使信息实现跨平台，我们可以针对不同的设备进行不同的样式进行替换。从而实现一个结构文档在不同的平台设备上面实现不同的样式表现，以适应不同操作平台的需要，达到文档一次建立，随处使用的目的。）跨平台性，跨浏览器性。也就是说，移动端的,web端的可以展示的不一样。
降低服务器成本。（通过结构与样式的反复重用，整个网站的容量大大减小，降低了服务器成本。）
便于改版。
加快网页解析速度。
与未来兼容。（结构与表现分离，不必担心与未来的兼容性）
更加好的用户体验。

---

web标准推荐书籍
《网站重构》《CSS网站布局实录》《精通CSS》《CSS禅意花园》(www.csszengarden.com) 《超越CSS》