初学者很容易把web标准理解为DIV+CSS,以为DIV的作用就是简单的替代表格去做表格以前做的事情,于是乎许多采用新技术的网站开始了DIV+CSS制作网页,当打开网页代码的时候,看到整个页面基本都是采用了DIV标签,给每个DIV标签都指定了一个class,其实这是对web标准的一种滥用方式。
web标准的思想是实现结构,表现,行为的分离,不只是简单的把table换为DIV,如果要想学好web标准的思想,首先要做的就是抛弃传统的表格布局思想。
Web传统网站
有table标签,做了很多事情。
现代网站,使用div+css布局与之做主要区别。
传统的网站的代码量也大大超过现代化的网站。
传统网站的结构和表现是混杂在一起的,不容易改变样式,现代化的网站结构和表现是分离的(css分离出来的),可以很好改变样式。
Web标准的好处
高效开发,维护简单。
信息跨平台的可用性。(由于采用结构与表现分离的技术,结构与表现各为一个独立体,这样可以使信息实现跨平台,我们可以针对不同的设备进行不同的样式进行替换。从而实现一个结构文档在不同的平台设备上面实现不同的样式表现,以适应不同操作平台的需要,达到文档一次建立,随处使用的目的。)跨平台性,跨浏览器性。也就是说,移动端的,web端的可以展示的不一样。
降低服务器成本。(通过结构与样式的反复重用,整个网站的容量大大减小,降低了服务器成本。)
便于改版。
加快网页解析速度。
与未来兼容。(结构与表现分离,不必担心与未来的兼容性)
更加好的用户体验。
web标准推荐书籍
《网站重构》《CSS网站布局实录》《精通CSS》《CSS禅意花园》(www.csszengarden.com) 《超越CSS》