网页设计采用div+css的优点和缺点
2015-05-11 21:44
531 查看
优点:
1.一般div+css页面都是将html和css文件分开,也就是说一个网页的内容和表现形式的分离,这样更利于后期整个网站的维护,一般只要修改css文件中的一个css属性就可以修改页面的样式,例如背景颜色,字体等,这是table布局不具有的
2,可以提高网页的打开速度,这是特性决定了他们的性能,因为浏览器打开网页的时候是同时下载html和css的,这样可以边加载边显示内容,而对于table布局来说,浏览器打开页面的时候,必须是浏览器下载以<table>开始,并以</table>结束后才显示块的内容,因此div+css大大提高了用户体验。
3.若两个页面公用一个css文件,这个css文件只下载一次,从而大大缩减页面代码,提高页面浏览速度。
4.有利于搜索引擎的搜索,用只包含结构化内容的HTML代替嵌套的标签,这样结构清晰,搜索引擎更能有效的搜索到你的内容。
5.兼容性更好,符合web标准规范的发展趋势,可以在几乎所有的浏览器上都可以使用,不会出现在不同的浏览器中效果差距很大的情况。
6.强大的字体控制和排版能力,CSS控制字体的能力比糟糕的FONT标签好多了,CSS不再需要用FONT标签或者透明的1px图片来控制标题、改变字体颜色、字体样式等等。
7.更灵活控制页面布局,通常页面的下载是按照代码的排列顺序,而表格布局代码的排列代表从上向下,从左到右,无法改变。而通过CSS控制,您可以任意改变代码的排列顺序,比如将重要的右边内容先加载出来。
缺点:
1、CSS网站制作的设计元素通常放在1个外部文件中,或几个文件,有可能相当复杂,甚至比较庞大,如果CSS文件调用出现异常,那么整个网站将变得惨不忍睹。
2、DIV+CSS尽管不是高不可及,但至少要比表格定位复杂的多,即使对于网站设计高手也很容易出现问题,更不要说初学者了。
3、虽然说DIV+CSS解决了大部分浏览器兼容问题,但是也有在部分浏览器中使用出现异常,比如火狐浏览器,在IE中显示正常的页面,到了火狐浏览器中可能会面目全非。当然这应该是浏览器的问题,但是可以说在目前来看,DIV+CSS还没有实现所有浏览器的统一兼容。
4、DIV+CSS对搜索引擎优化与否,取决于网页设计的专业水平,而不是DIV+CSS本身。DIV+CSS网页设计并不能保证网页对搜索引擎的优化,甚至不能保证一定比HTML网站有更简洁的代码设计,何况搜索引擎对于网页的收录和排序显然不是以是否采用表格和CSS定位来衡量,这就是为什么很多传统表格布局制作的网站在搜索结果中的排序靠前,而很多使用CSS及web标准制作的网页排名依然靠后的原因。因为对于搜索引擎而言,网站结构、内容、相关网站链接等因素始终是网站优化最重要的指标。
优点:
1.一般div+css页面都是将html和css文件分开,也就是说一个网页的内容和表现形式的分离,这样更利于后期整个网站的维护,一般只要修改css文件中的一个css属性就可以修改页面的样式,例如背景颜色,字体等,这是table布局不具有的
2,可以提高网页的打开速度,这是特性决定了他们的性能,因为浏览器打开网页的时候是同时下载html和css的,这样可以边加载边显示内容,而对于table布局来说,浏览器打开页面的时候,必须是浏览器下载以<table>开始,并以</table>结束后才显示块的内容,因此div+css大大提高了用户体验。
3.若两个页面公用一个css文件,这个css文件只下载一次,从而大大缩减页面代码,提高页面浏览速度。
4.有利于搜索引擎的搜索,用只包含结构化内容的HTML代替嵌套的标签,这样结构清晰,搜索引擎更能有效的搜索到你的内容。
5.兼容性更好,符合web标准规范的发展趋势,可以在几乎所有的浏览器上都可以使用,不会出现在不同的浏览器中效果差距很大的情况。
6.强大的字体控制和排版能力,CSS控制字体的能力比糟糕的FONT标签好多了,CSS不再需要用FONT标签或者透明的1px图片来控制标题、改变字体颜色、字体样式等等。
7.更灵活控制页面布局,通常页面的下载是按照代码的排列顺序,而表格布局代码的排列代表从上向下,从左到右,无法改变。而通过CSS控制,您可以任意改变代码的排列顺序,比如将重要的右边内容先加载出来。
缺点:
1、CSS网站制作的设计元素通常放在1个外部文件中,或几个文件,有可能相当复杂,甚至比较庞大,如果CSS文件调用出现异常,那么整个网站将变得惨不忍睹。
2、DIV+CSS尽管不是高不可及,但至少要比表格定位复杂的多,即使对于网站设计高手也很容易出现问题,更不要说初学者了。
3、虽然说DIV+CSS解决了大部分浏览器兼容问题,但是也有在部分浏览器中使用出现异常,比如火狐浏览器,在IE中显示正常的页面,到了火狐浏览器中可能会面目全非。当然这应该是浏览器的问题,但是可以说在目前来看,DIV+CSS还没有实现所有浏览器的统一兼容。
4、DIV+CSS对搜索引擎优化与否,取决于网页设计的专业水平,而不是DIV+CSS本身。DIV+CSS网页设计并不能保证网页对搜索引擎的优化,甚至不能保证一定比HTML网站有更简洁的代码设计,何况搜索引擎对于网页的收录和排序显然不是以是否采用表格和CSS定位来衡量,这就是为什么很多传统表格布局制作的网站在搜索结果中的排序靠前,而很多使用CSS及web标准制作的网页排名依然靠后的原因。因为对于搜索引擎而言,网站结构、内容、相关网站链接等因素始终是网站优化最重要的指标。
相关文章推荐
- 网页设计使用Div+css的优点总结
- [网页设计] 27款后台管理页面设计 DIV+CSS+JS
- DIV+CSS网页布局及网站设计常犯错误
- 网页设计基础:Div+CSS布局入门教程
- DIV+CSS网页设计常用布局代码
- Div+CSS布局 网站设计的优点!
- Div+CSS布局 网站设计的优点!
- CSS盒子概念 网页设计DIV必须了解的概念
- 采用CSS让DIV在网页中水平垂直居中
- Div+CSS网站设计的优点
- 网页设计必然趋势:DIV+CSS
- 网站新标准 Div+CSS网站设计的优点
- DIV+CSS网页设计规范
- Div + Css 设计网页时浮动问题的解决方法
- 网页设计之css+div PK table+css
- 采用CSS让DIV在网页中水平垂直居中
- [网页设计] 27款后台管理页面设计 DIV+CSS+JS
- 网页设计-----DIV+CSS规则
- 轻松搞定网页设计之div+css
- 基于网页设计中div+css的认识