DIV CSS建立的符合web标准网页的好处
所属分类:
网页制作 / CSS
阅读数:
931
收藏 0赞 0分享
使用DIV CSS建立符合W3C标准网站对程序员是有非常多的益处的,我们看如下的八条优势。
一、使用div的方式进行程序的嵌套,特别是使用php这样的代码嵌套,可以减少出现像table中那样繁重的代码,对于页面嵌套可以减少因table代码而带来的问题。
二、使用div对于设计使用AJAX等的时候,可以减少Javascript代码对于页面控制时候的复杂度,因为使用table的时候,层次关系最起码有三层,table-tr-td以上,而使用div则基本上只有两层(div-div)的概念。
三、用div对于页面的定位更准确,因为使用div的代码的宽度高度等都使用css或者页面的style方式控制,即在需要修改一个框(box)的大小、位置时候,可以直接修改css的代码或者该标签的style代码即可实现。而几乎不用修改其他代码,但是使用table的情况下,则可能会因为table的位置出现变动,而影响到对整片代码的修改。
四、在页面效果来说,由于Firefox等浏览器再对table方面进行了很多的优化,才使得目前firefox在处理页面的输出时候可以这么接近IE的效果,但是在对于一些table的排版,用firefox 会存在一下莫名起码的以为等问题。这些问题在IE中可能不存在,但是在使用Firefox等其他引擎的浏览器就可能会出现了。
五、就是输出的代码将更小。由于使用div进行页面代码的组织,而布局由CSS等文件进行控制,因此从输出的html中产生输出的代码要一般比使用table的页面少70%。从系统的负载上考虑,将会更好解决因为代码上面的损耗,对维护系统的稳定起到一定的帮助。
六、更方便搜索引擎的搜索,目前的搜索引擎只是对页面的代码进行分析,因此页面代码更小而且有语意页面,搜索引擎的效能会更高,用户的文字信息会更容易被搜索引擎进行收集,对于web网站来说被将会更容易被搜索引擎所引用。
七、无可避免,在页面的一些位置,我们还是依旧使用table方式表现,比如说一些商品列表,订单列表,提交表单等,我们依旧使用table的方式来实现,因为对于这样的表格表现形式,使用div实现时候还不太成熟。
八、最后W3C标准是目前网站开发的主流,作为专业的web开发团队,哪有理由不使用这种技术呢!
CSS圆角边框制作指南与实例
这篇文章主要介绍了CSS圆角边框制作指南与实例,这里突出讲解了以纯代码实现的小圆角
来消灭锯齿的方法,需要的朋友可以参考下
收藏 0赞 0分享
css实现移动端图片文字水平居中
这篇文章主要为大家详细介绍了css实现移动端图片文字水平居中的方法,如何实现图片以及文字的整体水平居中,本文为大家提供两种解决办法,感兴趣的小伙伴们可以参考一下
收藏 0赞 0分享
你值得拥有的CSS下拉菜单效果
这篇文章主要介绍了你值得拥有的多种CSS下拉菜单效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0赞 0分享
纯CSS3打造属于自己的“小黄人”
这篇文章主要为大家详细介绍了纯CSS3打造属于自己的“小黄人”的相关代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0赞 0分享
浅谈各种浏览器下的CSS Hack兼容性写法
这篇文章主要介绍了各种浏览器下的CSS Hack兼容性写法,CSS Hack大致可以分为内部Hack和选择器Hack以及HTML头部引用Hack,需要的朋友可以参考下
收藏 0赞 0分享
学习DIV+CSS网页布局之一列布局
学习DIV+CSS网页布局中的一列布局,本文为大家分享的是DIV+CSS网页布局教程的第一篇,感兴趣的小伙伴们可以参考一下
收藏 0赞 0分享
学习DIV+CSS网页布局之两列布局
学习DIV+CSS网页布局中的两列布局,本文为大家分享的是DIV+CSS网页布局教程的第二篇,感兴趣的小伙伴们可以参考一下
收藏 0赞 0分享
查看更多