二、表格嵌套
运用Table布局,为了到达一定的视觉效果,不得不套用多个表格,这样不只表格会很多,还很乱;所以运用table为了到达很好的视觉效果,就要嵌套很多表格,这就会有很多的代码,不利于搜索引擎抓取。
假如运用DIV+CSS布局根本上不会存在这样的设计现象,从技术角度来说,DIV+CSS在控制款式时也不需求过多的嵌套,XHTML在控制款式时不需求过多的嵌套。
三、网页的速度
运用了DIV+CSS布局的网页Table布局减少了页面代码,浏览加载速度失掉很大的提高;
四、SEO搜索引擎优化
采用div-css设计的网站关于搜索引擎十分友好,很容易获得很好的排名,采用DIV+CSS避免了Table嵌套层次太多无法被搜索引擎抓取的成绩;而且简洁、构造化的代码愈加有利于突出重点和合适搜索引擎抓取。
五、定位更精确
div的代码的宽、高等都运用css或许页面的style来控制,也就是说在需要修正一个框的大小、位置时候,可以直接修正css的代码或该标签的style代码即可完成,几乎不必修正其他代码,而且div可以准确的定位于网页的某一个中央,这点table是做不到的;
运用table的状况下,则能够会由于table的地位出现变化,有时不能精确的定位于网页的某一个中央,而影响到对整片代码的修正
大家看到前面使用DIV时,加入了个CSS那么什么是CSS呢?百度百科这样解释:“CSS,指层叠样式表(Cascading Style Sheets),样式定义如何显示HTML元素,样式通常存储在样式表中,把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题。”了解更多,请访问百度百科连接:http://baike.baidu.com/view/15916.htm?fr=ala0_1。简单的来讲,CSS是用来定义DIV等元素的显示效果的,如行高、间距、背景色等,从而是网页显示出漂亮的界面。而在使用TABLE布局时,像行高、间距、背景色这些内容很多时间是没必要写到CSS样式中去的,直接用使用TABLE元素的自带所属就能设置。当然,这并不是说CSS对TABLE就没有效果了,如果你愿意,你同样可以使用CSS来定义TABLE元素的显示效果。
再从性能上来讲解一下,使用DIV来布局网页时,浏览器在解析网页内容时,会遇到一个DIV解析一个DIV的内容,对于TABLE而言,在使用TABLE嵌套时,浏览器需要把内层及外层TABLE里的所有内容解析完之后,再一次呈现给用户。这也就是有些网站制作公司商务人员会经常提到的,使用DIV+CSS来布局网页,打开网页速度很快。
有时候,我们会觉得网页中的积木搭配得不太合理时,我们会想到挪动积木的位置来重新搭建一下,这个时候,DIV的优势就再次显示出来了,因为DIV是用CSS来控制它的显示效果,所以需要重构网页时,直接挪动积木就可以达到重构的效果。而对于TABLE而言,就会比较麻烦,需要对整个网页重新布局了。
DIV+CSS既然有这么多优势,是不是企业网站建设就首选DIV+CSS呢?其实不然,虽然DIV+CSS可以提高网站的打开速度,但是有一个前提,是网页比较长的情况(如新浪首页)下这种优势才能体现出来,然后企业网站一般就两屏,即便是使用DIV+CSS较TABLE而言也没多大感觉!再说到页面重构的问题,一般的企业网站是不太可能存在页面重构的需要的。因为企业网站需要跟进互联网的发展,一般来说,一个企业网站的寿命在1-2年时间,到那时间,互联网的风格已经大变,就需要对企业网站进行网站改版的工作了,重构已经没有意义。再者,使用DIV+CSS来布局网页,会加大技术人员的工作量,这样网站的开发制作成本也就跟着上涨,最后还得客户来掏腰包。