告诫新手,DIV不是一切

创造神话的是CSS,不是DIV+CSS。我想,是时候纠正这个问题了。

在大约两年前,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同样如此,比如我们看到<ol>就知道这是个有序列表;看到<p>标签就知道这是一个段落,内容为文字;看到<span>就知道这个是比<p>还小的文字单位;看到<h1>、<h2>之类的就知道他们是标题。
显然,全部是div的页面,是看不出来这些的。
页面的结构化亦是如此,比如<div><div><div><div>…..</div></div></div></div>这样的代码,显然是很难理解其DOM结构的,但是<div><p><h2><span>…..</span></h2></p></div>就比上面的那个结构要清晰很多。
相信做开发的人对代码的语义化和结构化的理解会更加深刻。

4、团队合作
可读性低、结构化和语义化差,团队的其他成员的学习和维护难度就会提高,这对于一个团队来说,是很浪费时间和精力的。
其实,DIV+CSS的说法,已经把我们从table带到了另外的一个极端,正确的网页设计不是一个标签雄霸天下,而是每个元素都使用合适的标签。
所以说,DIV+CSS要换一种说法了,(X)HTML+CSS不更合适吗?
请不要再特意提DIV了。小白们真的会把它当作宝贝的!
其实回头看看国内普及标准化的过程,已然走错路了,就在国外同行研究CSS Sprites和网格(Grid)等技术时,我们在做什么?就在国外CSS框架遍地开花的时候,我们在做什么?到现在我们还是只能去国外的东西,依然跟在别人后面。
两年了,我们依然纠缠于DIV+CSS……
 

时间: 2024-11-03 21:48:25

告诫新手,DIV不是一切的相关文章

告诫新手:SEO常犯的十大错误

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 SEO高手,之所以称之为高手不是因为他几个站的目前排名良好,而是因为他走过了很多排名缓慢前进甚至被K过的路.在难保排名第一的今天,只有从反复失败过的经历中成长起来的经历才是我们最宝贵的财富.初涉SEO行业时,大部分朋友都犯过错,针对我自身的实践情况和很多新手朋友们的交流内容中,我提炼出了SEO新手常犯的十大错误如下: 一.在没有系统学习SEO

告诫新手在SEO方面的一些禁忌

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 自己也是刚开始做网站,对这些不是太了解,不过学习了一段时间,初步对做这个有了点认识.现在就和菜鸟分析以下 菜鸟们不要在迷茫了 1.做网站不要纯粹是采集 那样网络上就会许多同样的文章 就算是要采集也要做一些改动 呵呵 要不时间一长就容易被K掉 2.标题更改频繁 刚开始我也是新鲜 一天换一个 也不知道 后来才知道这对收录也是很有影响的 所以提醒大

从一个新手站长到日赚300

中介交易 SEO诊断 淘宝客 云主机 技术大厅 写给新手的话:朋友您知道网赚您是幸运的,但是也是痛苦的.幸运因为您已经知道目前最赚钱的是互联网,只要您去继续努力一定不会是社会的淘汰者;痛苦是因为你在开始的过程中一定会遇到很多的苦难和挫折,如果您不坚持下来你的激情就一下子就消失了,与互联网在家创业擦肩而过!因此在这里告诉大家,一定要坚持,坚持就是胜利一点也没有错!在此强调:在阅读之前,请让您的大脑保持最佳最清醒的状态,排除周围一切妨碍您的杂物!希望这篇文章可以给您带来一定的启发和帮助! 接触网赚是

反驳:SEOER你真的认为这些理论是无用的吗

做seo也是一件非常讲究的工作,在笔者最初接触到seo知识的时候,就听说过前辈们告诫新手千万不要做这些无用的事情:比如伪原创文章.发低质外链.不必顾虑谷歌的pr值等等.笔者最初也牢牢记住这些话.但是经过一段时间的seo实战之后,笔者不禁对这些无效的做法产生质疑:这些做法真的对seo无用吗? 在经历了多次优化经历之后,笔者终于领悟到了,其实这三种做法并不是完全无用的,相反,如果运用得好,对seo工作可以说是有如虎添翼的作用,究竟真相是怎么样,下面就由笔者为大家阐述一下吧.   反驳一:伪原创的文章

SEO不是过家家 看法以及优化力度都要严正以待

在这个"草木皆SEO"的时代,太多的站长把网站优化看的太简单,也太肤浅,以为读了SEO优化指南就知道了搜索引擎的内部工作原理,接着就去大刀阔斧的优化网站,什么方式对于提高网站排名有利就是用什么方式,一点不在乎这样带来的后果.我总结了一下,这样的站长普遍存在两种心态,一种是侥幸的心态,以为捉不到自己,另一种就是散漫的心态,觉得SEO就是日常工作,做的稍微过点也无伤大雅,其实这都是错误的想法,因为在我看来,SEO不是小孩子玩的过家家,这样一个严肃的工作,需要我们一板一眼的做好,下面我简单例

阿鱼:分享谷歌权重如何在短时间内上升为三

虽说目前谷歌的PR值对于一个网站来说已经不再像以前那么重要了,不过经过上次PR突然消失的事件,我们还是可以看出很多站长仍然比较在意PR,在交换链接时还是把PR看做一个重要的标准之一.所以今天阿鱼就来和大家谈谈一个新站如何在3个月内PR从0变成3的一些小技巧!希望本文对大家有一定的帮助,好,上正文! 在讲解快速提升PR值前我们的需要给自己的站做好充分的准备工作,下面就来详细说一说. 1:网站结构的优化,切忌不要使用过多JS和图片.flash等代码. 2:网站内容必须"饱满",最好是原创加

谈谈如何优化单页网站

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 如今,越来越多的单页网站雨后春笋般冒了出来,这类网站最典型的是淘客站和竞价网站.单页网站最大的特点是建站简单,容易管理,产品推广有侧重.但是除了竞价网站,这么多的网站涌现出来后,就是无止休的恶性竞争,导致绝大部分站长只能望"站"兴叹----我的网站什么时候才能排到首页呢? 其实,只要我们学会优化网站,我们的单页网站也能排到

网站标题或关键字不能轻易改 我做网站的心路历程

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 我是一个小网站站长,是做淘宝客用的,从头开始说起吧! 说实话现在淘宝客越来越难做了,但这只是想对于我们这样的对网络了解很少的而言,高手照样大把大把的赚钱! 第一次看室淘宝客是09年年底,那时候看到别人怎么赚钱赚钱,一天赚了多少,一月赚了多少,心里除了羡慕就是嫉妒,从那时候心里就埋下了祸根,每天都想着怎么赚钱,开始在网上搜索资料,看得热血沸腾,

网赚成功与否只是一种心态

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 网赚成功的概念是什么?最近有不少的赚友在问毛富大叔这个问题,其实毛富大叔真的无法回答.做网赚多年,毛富大叔一直守着中文点击网赚这个小摊子,没有多大的改变,自己的感觉相当的不错了,基本上实现了免费上网,自得其乐呀,毛富大叔自觉成功了.其实做网赚的有两类人,一类是专职网赚人士,月入千元甚至月入万元是他们的目标,他们有可能成功了;另一类是兼职网赚人