采用Div+Css布局——牛腩

采用Div+Css布局——牛腩

           Div+Css是一种网页的布局方法,这种方法有别于穿冲的HTML网页设计语言中的表格(table)定位方式,可实现网页页面内容与表现相分离。div用于搭建网站结构(框架)、Css用于创建网站表现(样式/美化),这样便于网站维护,简化html页面代码,获得一个比较优秀的网站结构便于协同工作和搜索引擎蜘蛛抓取。

    不是所有的网页都需要用div布局,例如数据页面、报表页面,还是会用table。


Div+Css的优势:

    1、搜索引擎的亲和力

    table架构描述的页面,样式结构和内容信息大小比可能达到1:1甚至更高。DIV+Css架构的页面,虽然在客户端看来下载一个复杂的css也要占用差不多的带宽,而搜索引擎可以很方便的绕过Css,直接抓去DiV中的内容,这就是div的优势所在。带宽的稍多占用,完全显得微不足道,更何况一个冗余的table设计架构如果代码写的不好会占用更多的带宽。


    2、重构页面的方便性

    内容和样式分离,让我们在重构页面布局的时候,只需要针对每一个div元素重新定义其具体位置,具体样式,颜色等等就行了。而在原来的table基础上进行改版,几乎必须改变所有的内容注入渠道


    3、产品的易用性、兼容性以及执行效率


Div+Css的劣势

    1、开发技术高:要求兼容浏览器个版本,对浏览器的要求比较高

    2、开发时间长:div css布局相对table布局开发制作时间长

    3、开发成本相对table高点:因为技术性及时间性就决定了div css页面比table页面成本高。


    总结:无论是哪一种语言都有其适用性,优点和缺点,但是只要让其优点更突出,利用的恰到好处就是一个好的作品。现在学习Div+Css体会到了其内容和样式的分离性,体会到了它的好处。网页的设计再也不用像VB控件那样拖来拖去了。界面的美观性更好了。

采用Div+Css布局——牛腩

相关文章:

你感兴趣的文章:

标签云: