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 页面和内容 ---------------------------------