在大约两年前,DIV+CSS是一对很诱人的组合,会用DIV+CSS制作网页的人,常常会被人赞以大拇指的,记得06年初的时候,我用div+css布局的一个纯静态网站还拿了学校网页设计比赛的一个奖。今天,尽管提到DIV+CSS,还会有很多人热情高涨,但是我会对他摇头了:DIV+CSS不是一切,更不是某些人所谓的“神话”!创造神话的是CSS,不是DIV+CSS。我想,是时候纠正这个问题了。
CSS的要义,是各个标签要各尽用,盲目推崇DIV+CSS只会让小白误入歧途的。 1、DIV只是HTML最常用的标签之一 显然HTML并不只是一个DIV标签有用,每个标签都有它的用途,只是DIV是其中最有用的一个罢了。如果DIV可以实现所有其它标签的功能,那么W3C早就把HTML精简了! Table也不是一无是处,只是用table比较简单、容易上手才在早期被人错误的广泛推广。但是table在处理网页数据的表现上,是其他标签无法替代的,只是,它不适合用来做整个页面的布局。
2、代码的可读性 纯DIV+CSS的网站的代码的可读性无疑是非常差的,甚至table还可以通过tr和td来区分行和列,一堆DIV堆砌在一起,如果没有注释,你根本不知道某个部分是做什么用的。 3、语义化与结构化 现在,在开发CSS的时候,提的越来越多的是语义化,语义化归根到底其实还是代码的可读性问题。语义化就是让代码更易读,更加易懂,比如,.text_01{color:red} 就没有.text_red{color:red} 容易理解。 HTML同样如此,比如我们看到
就知道这是个有序列表;看到标签就知道这是一个段落,内容为文字;看到就知道这个是比
还小的文字单位;看到
、之类的就知道他们是标题。 显然,全部是div的页面,是看不出来这些的。 页面的结构化亦是如此,比如这样的代码,显然是很难理解其DOM结构的,但是
就比上面的那个结构要清晰很多。 [...]
分享到:
相关推荐
div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子...
div+css百分比表格+DIV+CSS+JS静态分页程序+DIV+CSS像素表格 百分比表格(用DIV+CSS)以百分比显示,可以根据窗口的大小自动调节所显示的大小! DIV+CSS+JS静态分页程序可兼容主流浏览器(IE、FF、Opera) DIV+CSS表格...
div +cssdiv +cssdiv +cssdiv +cssdiv +cssdiv +cssdiv +cssdiv +cssdiv +cssdiv +css
div+css div+css精通CSS
div+css,web标准,div+css布局,div+css实例,div+css模板
div+css手册,比较不错呀!
DIV+CSS 源码DIV+CSS
html+div+css+js学习html+div+css+js学习html+div+css+js学习 html+div+css+js学习html+div+css+js学习html+div+css+js学习 html+div+css+js学习html+div+css+js学习html+div+css+js学习 html+div+css+js学习...
这个工具可以将原来table的html转换为div+css
div+css布局大全 B/S项目表现层也很重要!
div+css,web标准,div+css布局,div+css实例,div+css模板
基础篇 1.1 必须知道的基础知识 知识一 DIV+CSS的叫法是不准确的 标准叫法是xHTML+CSS 知识二两大误区 误区一用了Table就不标准。误区二DIV标签越多越好 Table是为了存储数据DIV是为了架设...
div+css布局制作箭头步骤流程样式 - div+css教程 案例源码 志峰创业室提供技术支持微信公众平台开发,是移动互联网开发API供应商,是移动互联解决供应商
DIV+CSS简单登录界面模板,DIV+CSS布局,有用户名、密码登录框,登录按钮。
table布局网页转换为div+CSS布局的转换软件. 非常快捷方便,一转眼一个老式样table布局网页的网页就转换成div+CSS布局的了,支持绝对定位和流定位.
div+css30款后台模板实用div+css30款后台模板实用
DIV+CSS网站布局从入门到精通 源代码 朱印宏 邓艳超 编著 北京希望电子出版社 2011年1月 本教程介绍了商业类型的网页设计,以及目前流行的DIV+CSS标准布局方法和实战技法。通过对十个经典案例进行分析,分别从不同...
DIV+CSS教程—十天学会web标准div+css标准之路WORD版.rar 很详细的讲解
div+css做的几套购物网站模板,适用于初学者参考学习的顶级资料。
DIV+CSS 前台 模板 DIV+CSS 白色网站模板 DIV+CSS 前台 模板 DIV+CSS 白色网站模板 DIV+CSS 前台 模板 DIV+CSS 白色网站模板 DIV+CSS 前台 模板 DIV+CSS 白色网站模板 DIV+CSS 前台 模板 DIV+CSS 白色网站模板