页面内容[置顶] 采用Div+Css布局——牛腩

PS:今天上午，非常郁闷，有很多简单基础的问题搞得我有些迷茫，哎，代码几天不写就忘。目前又不当COO，还是得用心记代码哦！

           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让搜索引擎更加直接、便捷的基础到内容。搜索引擎不会关怀你的款式，更不会关怀你用什么来修饰网页。用只包括结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的网页内容，并可能给你一个较高的评价。代码简洁，进步页面的浏览速度。

    

    Div+Css的劣势

        1、开发技巧高：要求兼容浏览器个版本，对浏览器的要求比拟高

        2、开发时间长：div css布局绝对table布局开发制作时间长

        3、开发成本绝对table高点：因为技巧性及时间性就决议了div css页面比table页面成本高。

    

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

文章结束给大家分享下程序员的一些笑话语录： 现在社会太数字化了，所以最好是有一个集很多功能于一身的设备！

--------------------------------- 原创文章 By 页面和内容 ---------------------------------