DIV+CSS优点与缺点

作者: 鲁智深 分类: div+css 发布时间: 2013-10-13 21:49

DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本以及其他的HTML代码。

CSS是Cascading Style Sheet的简称,中文翻译作“层叠样式表单”,在主页制作时采用css技术,可以有效地对页面的布局、字体、颜色、背景和其它实现精准的控制。只要相对应的代码做一些简单的修改,就可以改变同一个页面的不同部分,或者所有页数的网页外观和格式。

DIV+CSS没有互联网上面说的那么牛逼

有人说:做百度排名div+css比用teble好,但真的是这样吗,有心的seoer会发现用teble做的网站在百度排名好的非常多,比如中国信鸽信息网,等等!

中国信鸽信息网

中国信鸽信息网

原因:网站的信息决定这网站的重要性(ps:权重和pr)

DIV+CSS优点

1、因为采用css布局,不像表格布局充满了各种属性和数字,而且多css可以通用的共用,从而大大缩减页面代码,提供页面浏览速度;

2、结构清晰,对搜索引擎友好,更容易被搜索引擎收录,具备搜索引擎优化的先天条件;(ps:模版相同除外)

3、兼容性更好,符合web标准规范的发展趋势,几乎可以兼容所有的浏览器;

4、缩短改版的时间,因为的网站的布局是css文件控制的,只要简单修改几个css文件,就可以把网站的页面风格更新,这也是它淘汰的其他布局代码的强大之处;

5、强大的字体控制和排版能力,css控制字体的能力比槽糕的font标签强多了,还可以改变字体颜色;

6、提高易用性,使用css可以结构化html,例如:p标签只用来控制段落,h标签控制标题,table标签表示格式化数据,你可以增加更多用户,不需要建议独立版本。

7、更好拓展性,css不单单用于浏览器,比如wd,powerpoint等等;

8、更加灵活的控制页面布局,通常页面的下载是按照代码的排列顺序,而表格是从上至下,从左至右。但通过divcss可以改变下载加载顺序(ps:比较笨的方法把div+css写在html前面)

9、表现与内容相分离,干净利落;

10、更好的搜索引擎收录;

11、table表格布局中会出现大量的错误代码;

12、css最棒的就是直接通过代码显示颜色图片,完全不需要下载图片就行平铺。(ps:尤其是目前网页比较流行的扁平化风格)

divcss

divcss

DIV+CSS缺点

1、css制作的网站,其css样式一般在外部文件中,一但一个参数设置错误,那就整个网站就会出现错位。

2、div+css尽管高不可及,但至少要比表格定位复杂。

3、虽然div+css兼容大部分浏览器,但是还有不兼容情况,比如border-radius: 4px 4px 4px 4px;在火狐中显示圆角,但在ie中没有效果!

4、div+css对搜索引擎优化与否,取决于网站设计的专业水平,而不是div+css本事。其不能保证在搜索引擎中排名很好,其百度对于网站排名有这两百多种因素,所以不要迷信div+css布局网站比table布局排名好!

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注