[转]DIV+CSS 请不要再出来忽悠人了

在大约两年前，DIV+CSS是一对很诱人的组合，会用DIV+CSS制作网页的人，常常会被人赞以大拇指的，记得06年初的时候，我用div+css布局的一个纯静态网站还拿了学校网页设计比赛的一个奖。今天，尽管提到DIV+CSS，还会有很多人热情高涨，但是我会对他摇头了：DIV+CSS不是一切，更不是某些人所谓的“神话”！创造神话的是CSS，不是DIV+CSS。我想，是时候纠正这个问题了。 CSS的要义，是各个标签要各尽用，盲目推崇DIV+CSS只会让小白误入歧途的。 1、DIV只是HTML最常用的标签之一 显然HTML并不只是一个DIV标签有用，每个标签都有它的用途，只是DIV是其中最有用的一个罢了。如果DIV可以实现所有其它标签的功能，那么W3C早就把HTML精简了！ Table也不是一无是处，只是用table比较简单、容易上手才在早期被人错误的广泛推广。但是table在处理网页数据的表现上，是其他标签无法替代的，只是，它不适合用来做整个页面的布局。 2、代码的可读性 纯DIV+CSS的网站的代码的可读性无疑是非常差的，甚至table还可以通过tr和td来区分行和列，一堆DIV堆砌在一起，如果没有注释，你根本不知道某个部分是做什么用的。 3、语义化与结构化 现在，在开发CSS的时候，提的越来越多的是语义化，语义化归根到底其实还是代码的可读性问题。语义化就是让代码更易读，更加易懂，比如，.text_01{color:red} 就没有.text_red{color:red} 容易理解。 HTML同样如此，比如我们看到

1. 就知道这是个有序列表；看到

标签就知道这是一个段落，内容为文字；看到就知道这个是比

还小的文字单位；看到

、

之类的就知道他们是标题。 显然，全部是div的页面，是看不出来这些的。 页面的结构化亦是如此，比如

…..

< /div>

这样的代码，显然是很难理解其DOM结构的，但是

…..< /h2>

就比上面的那个结构要清晰很多。 [...]