前台开拓从新提及：关于web尺度化

　　固然CSS在示意方面生成具有许多上风，可是假如不是web尺度化的流行，预计CSS不会到达本日这样的热点。以是要说CSS，必定要从web尺度化提及。现实上，对CSS的领略越深，才气越好地领略和行使CSS。

　　许多人对付web尺度化的领略就是“DIV+CSS”，可能“IE、FF、Chrome、Opera、Safari测试无错”，可能就是“通过w3c校验”。现实上，这些都只是web尺度化往后附带的一些甜头可能说一些示意。web尺度化的精华并不是为了丢弃表格，可能赏识器兼容，可能通过w3c校验。偶然辰，尺度化了的网页未必必然能到达上述这些特性。

　　web尺度化的精华可能苏??到底是什么呢?着实很简朴，就是“布局、示意、举动疏散”。这句话看起来简朴，可是真的实现起来，就不那么轻易了。疏散，疏散到什么水平算是尺度?疏散的目标是什么?举例来说吧。

　　既然要疏散，那么耦合度虽然是越低越好。

　　以样式为例。我们可以把全部的样式都放到外部CSS文件中，那么，CSS法则怎样影响你的页面元素呢?偶然辰用到ID，偶然辰用到class。假如你的页面布满了ID和class，那么现实上疏散得就不怎么彻底，由于你的页面上如故有大量的ID可能class现实上是为了样式示意而存在的，他们并不是文档布局自己的要求。以是此刻有“class hell”的说法。就是为了完全由外部css对页面实现准确节制，而在页面文档中插手大量，乃至过多的class。

　　再以举动为例。许多时辰我们必要和用户交互，于是要给页面上的元素添加“onclick”，“onchange”，“onmouseover”等属性，这些属性编写在页面文档中，依靠于外部javascript。一旦外部的javascript被拿走，页面就呈现执行剧本错误，乃至完全不能正常阅读。在这种环境下，javascript现实上和xhtml就没有可以或许扫除耦合。

　　现实上，因为只有xhtml、css、javascript三者存在，我们不行能在网页开拓中引入“面向接口编程”之类的计划模式。那么，我们所谓的彻底疏散，着实从三者疏散的最基础目标来说，就是要实现xhtml对其它两者不依靠。纵然去除了全部的css和javascript，xhtml自己也能很好地完本钱身的职责——文档布局。而css和javascript呢?依靠于xhtml是肯定的。

　　云云一来，怎样扫除耦合呢?着实谜底就呼之欲出了。那就是只管停止和文档布局无关的元素嵌套，只管去除class和变乱属性。好比：

　　这样一段源代码，从文档布局的角度来领略，它就是一组互相干联，没有先后和主次之分的列表，可以领略为列表，也可以领略为目次。

　　可是在css的浸染下，它可以酿成菜单、导航条等各类情势，假如css和javascript相团结起来，它还可以酿成滑动门、三态菜单等。在这种环境下，css认真示意，javascript认真举动，而xhtml并没有由于css想实现什么样式可能javascript想实现什么交互举动而改变本身。不管css和javascript想做什么，都跟它不要紧。那么现实上就真正到达了我们“彻底疏散”的目标。担保了文档布局的纯粹性。这就是web尺度的思想模式。

　　随之而来的甜头，那就是页面的兼容性，不管在什么样的赏识器里，这段xhtml都是正当有用的。w3c校验也不会有任何题目。而且SEO也会很是好。由于搜刮引擎想要的并不是class可能onmouseover，搜刮引擎想要的只不外是链接地点和链接笔墨。

　　那么，没有class，怎么实现样式呢?没有onmouseover可能onclick，怎么实现javascript变乱呢?这就必要网页开拓职员的css功力和javascript功力了。

　　以是，越是尺度化，对css和javascript的技能要求越高。反过来，css的手段达不到，可能javascript的手段达不到，那就必要借助于class(id和文档布局有关，不算在这里，后头我们再谈)、借助于onmouseover可能onclick这些与布局无关的属性来辅佐实现样式可能举动。

　　在博客园上，暴牙齿提出“独立于根”的设法。我小我私人以为从文档布局的角度，并没有“独立于根”的要求。可是假如可以或许到达“独立于根”的开拓手段，那么实现起尺度化来就绝对会很是驾轻就熟。由于连“独立于根”都能实现本身的计划样式和举动的话，有了布局的文档就更不在话下了。

　　领略了尺度化的本质和终极方针，怎样通过css和javascript来到达这个方针呢?这个题目，留到本系列往后的文章再谈。

　　【声名：一向在园子里进修列位好手的履历能力，本身写得较量少。最近给门生上课的时辰，针对门生关于前台开拓提问较量多的题目，团结平常上网看到的许多概念和争论，小小地总结了一下，打算写个关于前台开拓的系列文章。打算以web尺度化为基础起点，首要谈css和javascript的题目。两天阁下更新一篇。程度有限，但愿列位好手多多指点，接待各人接头。本系列首发我的小我私人博客，在博客园同步更新。假如转载，请注明作者出处。感谢。】

　　转自：http://www.cnblogs.com/dvbhack/

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!