解析DIV+CSS的五大优势及网站设计中遇到的问题

开发 前端
DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,本文向大家介绍一下DIV+CSS的优势以及在网站设计的问题,希望对你的学习有所帮助。

本文和大家重点讨论一下DIV+CSS的优势以及网站设计中的问题,DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别。

DIV+CSS网页重构

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

DIV+CSS的优势何在?

  1、符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的,因为这保证您的网站不会因为将来网络应用的升级而被淘汰。

  2、支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。

  3、搜索引擎更加友好。相对与传统的table,采用DIV+CSS技术的网页,对于搜索引擎的收录更加友好。

  4、样式的调整更加方便。内容和样式的分离,使页面和样式的调整变得更加方便。现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。

  5、CSS的极大优势表现在简洁的代码,对于一个大型网站来说,可以节省大量带宽,而且众所周知,搜索引擎喜欢清洁的代码。6、表现和结构分离,在团队开发中更容易分工合作而减少相互关联性。

DIV+CSS网站设计的问题

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

  ***,对于CSS的高度依赖使得网页设计变得比较复杂。相对于HTML4.0中的表格布局(table),DIV+CSS尽管不是高不可及,但至少要比表格定位复杂的多,即使对于网站设计高手也很容易出现问题,更不要说初学者了,这在一定程度上影响了XHTML网站设计语言的普及应用。

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

  第三,对于CSS网站设计的浏览器兼容性问题比较突出。基于HTML4.0的网页设计在IE4.0之后的版本中几乎不存在浏览器兼容性问题,但DIV+CSS设计的网站在IE浏览器里面正常显示的页面,到火狐浏览器(FireFox)中却可能面目全非(这也是为什么建议网络营销人员使用火狐浏览器的原因所在)。DIV+CSS还有待于各个浏览器厂商的进一步支持。

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

【编辑推荐】

  1. DIV CSS的XHTML代码结构浅谈
  2. DIV+CSS网页重构概念详解
  3. 深入学习DIV+CSS之绝对定位和相对定位用法
  4. Div+CSS布局入门之写入整体层结构与CSS
  5. DIV+CSS开发过程中影响SEO的制作细节
责任编辑:佚名 来源: hi.baidu.com
相关推荐

2010-08-16 14:12:44

DIV+CSS

2010-08-27 17:41:03

DIV+CSS

2010-09-09 16:43:35

DIV+CSS

2010-08-30 14:57:21

DIV+CSS

2010-08-24 13:01:13

DIV+CSS

2010-09-10 10:30:39

DIV+CSS

2010-08-17 14:05:48

Div+CSS

2010-09-08 16:09:52

DIV+CSS

2010-09-14 11:19:23

DIV+CSS技术

2010-09-07 14:14:46

DIV+CSS

2010-09-14 17:33:55

DIV+CSS布局

2010-08-16 13:46:20

DIV+CSS

2010-09-07 14:09:54

DIV+CSS

2010-08-24 11:25:06

DIVCSS

2010-08-27 13:58:06

DIV+CSS

2010-09-14 10:00:41

CSS+DIV

2010-08-17 13:08:31

DIV+CSS布局

2010-08-31 16:09:04

DIV+CSS

2010-08-24 10:26:47

DIV+CSS

2010-08-27 13:46:58

DIV+CSS
点赞
收藏

51CTO技术栈公众号