新手必知DIV+CSS网站设计时常见问题

开发 前端
DIV+CSS是网站标准中常用术语之一,尽管CSS+DIV具有一定的优势,不过现阶段CSS+DIV网站建设存在的问题也比较明显,这里向大家简单描述一下。

DIV+CSS通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,事物都是有两面性的,尽管DIV+CSS具有一定的优势,不过现阶段CSS+DIV网站建设存在的问题也比较明显,主要体现在四个方面,请看下文详细介绍。

新手必知DIV+CSS设计网站时常见问题

 DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。

CSS+DIV网站设计的问题  

尽管DIV+CSS具有一定的优势,不过现阶段CSS+DIV网站建设存在的问题也比较明显,主要表现在:

   第一,对于CSS的高度依赖使得网页设计变得比较复杂。相对于HTML4.0中的表格布局(table),CSS+DIV尽管不是高不可及,但至少要比表格定位复杂的多,即使对于网站设计高手也很容易出现问题,更不要说初学者了,这在一定程度上影响了XHTML网站设计语言的普及应用。
 
   第二,CSS文件异常将影响整个网站的正常浏览。CSS网站制作的设计元素通常放在几个l外部文件中,这一个或几个文件有可能相当复杂,甚至比较庞大,如果CSS文件调用出现异常,那么整个网站将变得惨不忍睹。
  第三,对于CSS网站设计的浏览器兼容性问题比较突出。基于HTML4.0的网页设计在IE4.0之后的版本中几乎不存在浏览器兼容性问题,但CSS+DIV设计的网站在IE浏览器里面正常显示的页面,到火狐浏览器(FireFox )中却可能面目全非(这也是为什么建议网络营销人员使用火狐浏览器的原因所在 )。CSS+DIV还有待于各个浏览器厂商的进一步支持。
 
  第四,CSS+DIV对搜索引擎优化与否取决于网页设计的专业水平而不是CSS+DIV本身。CSS+DIV网页设计并不能保证网页对搜索引擎的优化,甚至不能保证一定比HTML网站有更简洁的代码设计,何况搜索引擎对于网页的收录和排序显然不是以是否采用表格和CSS定位来衡量,这就是为什么很多传统表格布局制作的网站在搜索结果中的排序靠前,而很多使用CSS及web标准制作的网页排名依然靠后的原因。因为对于搜索引擎而言,网站结构、内容、相关网站链接等因素始终是网站优化最重要的指标。

【编辑推荐】

  1. DIV CSS网页布局时合理架构CSS
  2. DIV CSS实例:用CSS实现背景半透明效果
  3. 技术分享 DIV CSS网站布局八大窍门
  4. DIV CSS中id与class使用用原则与技巧
  5. 鼠标经过时改变DIV背景颜色的三种途径
责任编辑:佚名 来源: hi.baidu.com
相关推荐

2010-08-27 13:51:40

CSS+DIV

2010-08-24 10:19:15

2010-08-31 16:09:04

DIV+CSS

2010-08-31 16:01:18

CSS

2011-07-05 16:26:48

DIV+CSS

2010-08-27 14:05:40

DIV+CSS

2010-08-24 10:32:34

DIV+CSS

2011-05-17 09:51:27

Div+CSS

2010-08-17 14:05:48

Div+CSS

2010-09-10 10:30:39

DIV+CSS

2010-08-16 14:12:44

DIV+CSS

2010-09-07 09:50:35

DIVCSS

2010-08-17 11:35:46

DIV CSS

2010-09-13 14:50:26

DIV+CSS

2010-09-09 16:43:35

DIV+CSS

2010-10-09 09:37:25

IE8.0DIV

2010-08-16 09:19:04

DIVCSS

2010-11-01 09:16:13

DIV+CSS

2010-08-16 13:30:34

DIV+CSS

2010-08-27 13:58:06

DIV+CSS
点赞
收藏

51CTO技术栈公众号