使用DIV+CSS布局网站的四大缺陷

开发 前端
随着WEB2.0标准化设计理念的普及,国内很多大型门户网站已经纷纷采用DIV+CSS制作方法,但是它也有些缺陷,这里向大家描述一下,希望对你的学习有所帮助。

本文向大家描述一下DIV+CSS布局的缺陷,DIV+CSS布局是网站标准中常用术语,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。

使用DIV+CSS布局网站缺陷

随着WEB2.0标准化设计理念的普及,国内很多大型门户网站已经纷纷采用DIV+CSS制作方法,奋斗网络也成为了CSS网页布局技术学习的先锋站点,从实际应用情况来看,此种方法绝对好于表格制作页面的方法。   

如今大部分网站仍然采用表格嵌套内容的方式来制作网站,虽然此方法对于我们来说比较熟悉、比较上手;但是,它却阻碍了一种更好的、更有亲和力的、更灵活的,而且功能更强大的网站设计方法——DIV+CSS布局,不过他也有一些缺陷比较明显,请看详细介绍。

一、DIV+CSS布局尽管不是高不可及,但至少要比表格定位复杂的多,即使对于网站设计高手也很容易出现问题,更不要说初学者了。   

二、CSS网站制作的设计元素通常放在1个外部文件中,或几个文件,有可能相当复杂,甚至比较庞大,如果CSS文件调用出现异常,那么整个网站将变得惨不忍睹。   

三、虽然说DIV+CSS布局解决了大部分浏览器兼容问题,但是也有在部分浏览器中使用出现异常,比如火狐浏览器,在IE中显示正常的页面,到了火狐浏览器中可能会面目全非。当然这应该是浏览器的问题,但是可以说在目前来看,DIV+CSS布局还没有实现所有浏览器的统一兼容。

四、DIV+CSS布局对搜索引擎优化与否,取决于网页设计的专业水平,而不是DIV+CSS布局本身。

DIV+CSS布局网页设计并不能保证网页对搜索引擎的优化,甚至不能保证一定比HTML网站有更简洁的代码设计,何况搜索引擎对于网页的收录和排序显然不是以是否采用表格和CSS定位来衡量,这就是为什么很多传统表格布局制作的网站在搜索结果中的排序靠前,而很多使用CSS及web标准制作的网页排名依然靠后的原因。因为对于搜索引擎而言,网站结构、内容、相关网站链接等因素始终是网站优化最重要的指标。   

总结:

综合以上讨论的DIV+CSS布局优势和略势,我认为不可盲目跟风,如何更有效、更合理的运用WEB2.0设计标准,这需要很长时间的学习和锻炼。而如何将DIV+CSS布局运用的更好,我觉得这需要通过不断的实践和体检,积累丰富的设计经验,才能很好的掌握这门技术。

【编辑推荐】

  1. DIV CSS布局中绝对定位和浮动用法
  2. CSS导航菜单的四个优点
  3. CSS+DIV相对定位和绝对定位的区别和联系
  4. CSS属性display:inline-block使用揭秘
  5. DIV CSS布局实例:建立Flash上面浮动层
责任编辑:佚名 来源: hi.baidu.com
相关推荐

2010-08-24 10:26:47

DIV+CSS

2010-08-16 13:39:18

DIV+CSS

2010-09-02 09:44:07

DIV+CSSSEO

2010-08-16 14:12:44

DIV+CSS

2010-08-16 13:46:20

DIV+CSS

2010-09-07 14:14:46

DIV+CSS

2010-08-27 13:58:06

DIV+CSS

2010-09-10 10:30:39

DIV+CSS

2010-08-27 17:41:03

DIV+CSS

2010-08-30 14:57:21

DIV+CSS

2010-08-24 13:01:13

DIV+CSS

2010-08-20 15:43:00

Div CSSSEO

2010-08-23 14:30:14

DIV+CSS

2010-08-25 12:47:40

DIVCSS

2010-08-23 10:50:39

DIV+CSS

2010-09-03 13:51:59

DIVCSS

2010-08-17 14:15:30

DIV+CSS布局

2010-08-17 09:20:28

DIV布局

2010-08-23 09:59:16

DIV+CSSSEO

2010-09-10 09:22:50

DIV布局
点赞
收藏

51CTO技术栈公众号