什么是div+css？div+css有什么好处？

什么是div+css？div+css有什么好处？这是做刚接触优化的人常有的一个问题，今天施展网络小编就来讲一下这个问题。

先来看一下百度百科是怎么说的，以下引用自百度百科：

http://baike.baidu.com/view/399288.htm

DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，div+css 是一种网页的布局方法，这一种网页布局方法有别于传统的HTML网页设计语言中的表格（table）定位方式，可实现网页页面内容与表现相分离。XHTML是The Extensible HyperText Markup Language（可扩展超文本标识语言）的缩写。XHTML基于可扩展标记语言（XML），是一种在HTML 基础上优化和改进的的新语言，目的是基于XML应用与强大的数据转换能力，适应未来网络应用更多的需求。在XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。

基本上可以知道，div+css是区别于传统的table布局而讲的，它的好处有很多，比如说：

1、符合W3C标准。 用DIV+CSS设计的网页更易通过W3C验证
2、支持浏览器的向后兼容。
3、搜索引擎更加友好。
4、样式的调整更加方便。
5、CSS的极大优势表现在简洁的代码，对于一个大型网站来说，可以节省大量带宽。
6、表现和结构分离，在团队开发中更容易分工合作而减少相互关联性。

具体来讲：

   一、使页面载入得更快

　　由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小。相对于表格嵌套的方式，DIV+CSS将页面独立成更多的区域，在打开页面的时候，逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里，使得加载速度很慢。

　　二、降低流量费用

　　页面体积变小，浏览速度变快，这就使得对于某些控制主机流量的网站来说是最大的优势了。

　　三、修改设计时更有效率

　　由于使用了DIV+CSS制作方法，在修改页面的时候更加容易省时。根据区域内容标记，到CSS里找到相应的ID，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。

　　四、保持视觉的一致性

　　DIV+CSS最重要的优势之一：保持视觉的一致性；以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法，将所有页面，或所有区域统一用CSS文件控制，就避免了不同区域或不同页面体现出的效果偏差。

　　五、更好地被搜索引擎收录

　　由于将大部分的HTML代码和内容样式写入了CSS文件中，这就使得网页中正文部分更为突出明显，便于被搜索引擎采集收录。

　　六、对浏览者和浏览器更具亲和力

　　我们都知道网站做出来是给浏览者使用的，对浏览者和浏览器更具亲和力，DIV+CSS在这方面更具优势。由于CSS富含丰富的样式，使页面更加灵活性，它可以根据不同的浏览器，而达到显示效果的统一和不变形。

因为这些优点，让div+css风靡世界，现在几乎找不到用table做的大网站了，大网站全部使用div+css来布局，找工作的人也会有感觉，现在网页设计公司也全部要求用div+css设计页面了，如果不会这一技术，将无用武之地。另外H1标签的使用，SEO标题的写法等问题也是应聘时必考的问题。

本文由郑州网站建设公司施展网络原创发布，转载请注明出处。