div+css与xhtml+css分别是什么意思-

初入CSS之门的朋友们可能会对其含义感到迷茫，但读完这篇文章后，你们心中的疑惑将会烟消云散。

在网络世界中，我们常常可以听到“div+CSS”这一组合名词。到底什么是div+CSS呢？难道这就是传说中的网站重构吗？其实从最根本的层面来说，所谓的标准就是合理使用XHTML的标签。那么，为什么还会有如此多的div+CSS呢？既然可以用div+CSS，那么为何不可以使用span+CSS、ul+CSS、li+CSS等等呢？这些问题可能会让你的脑海中充满疑惑。

几年前，大家主要使用table进行网页布局，层层嵌套，似乎没有发现什么问题。直到《网站重构》这本书问世后，人们开始热议重构的话题。当时的我对重构这个概念也感到十分模糊，至于那本《网站重构》的书，我翻阅的页数也寥寥无几，不敢自称了解全面。但现在有很多朋友是从table布局转向使用div的，也包括我本人。

在网上看到的许多教程和朋友们的文章都提到，在代码结构中，div是不可或缺的。甚至在许多代码结构中，除了div标签在body中广泛使用外，其他用于处理结构的标签难寻踪迹。或许正因如此，才出现了div+CSS这种组合。用div进行布局，结合CSS来展现样式，这就是标准了吗？

将table换成div，将td换成ul来排列，那其他的XHTML标签怎么办呢？有些朋友可能会说：“我用div来布局，所以要叫div+CSS，而且现在大家都这样叫。”没错，因为div在XHTML中没有语义，且是块元素，用于布局较为合理。但如果因此把div独立出来称为div+CSS，似乎有些与XHTML平起平坐的味道。就好像本来是晚辈，却想与长辈争高低，不太合适吧？

说了这么多，主要是希望大家以后不要再简单地说div+CSS了。为什么不多打两个字母，改叫XHTML+CSS呢？如果觉得这样还不够妥帖，那就直接称之为网站重构吧。你也可以自称网站重构工程师，多好听的名字啊！总不能让别人称你为div+CSS人员吧。

在《超越CSS》这本书中，作者仍然建议大家少用div，多合理使用标签。不要忘记了XHTML中还有p、form等很多标签。合理的使用标签和页面结构，才能让你的网站更易于被搜索引擎找到重要内容。简单来说，大家都知道hn（n=1,2,3,4,5,6）是用于标题的，那么p、form、table是否也可以在他们自己的位置发挥作用呢？

以上只是我个人对于网络上随处可见的div+CSS的一些看法。如有文字表达不当之处，请大家批评指正。但最终希望的是，不要再简单地称它为div+CSS了。因为主要的不是div，而是XHTML。让我们的网页更加标准化、合理化。