老话重提,web标准-读编写高质量代码

新来的书,恶补理论知识!

web标准-结构,样式和行为的分离。除些之外,还要做到三点:精简重用有序
标签语义化-代码量相对小,结构清晰,对搜索引擎友好。
尽可能少用无语义标签 div 和 span 。

怪异模式和DTD
怪异模式通常模拟老式浏览器的行为以防止老站点无法工作。
盒状模型
标准模式下,网页元素的宽度由 padding border width 三者的宽度相加决定的;
怪异模式下,width本身就包括了padding border 的宽度。此外居中方法设定width,然后 margin-left:auto;margin-right:auto;也无法正常工作;
怪异模式的触发与DTD有关,有关DTD 详见 重新认识HTML

接下来是CSS的模块化,这个和我前年的想法差不多,详见 CSS模块化[二] CSS模块化[一]

以前我一直以为 IE6,IE7 是支持 display:inline-block; 的,原来我错了,用这个CSS属性的时候,是摸拟出来的,全因 display:inline-block 激活了IE 的 hasLayout 这个属性!

今天到的书,前两部分我已经看完了,以上是我新学了的知识点,列出来分享一下~~
剩下的javascript部分晚点再看了。
加油!!

CSS模块化[二]

今天吃饱了,喝足了,继续前天晚上没有写完的, :)

从公司的实际情况出发,先说一下我们这次做CSS模块化要达到的目标:
1,页面上的CSS链接数少于1个;
2,页面的CSS冗余率小于5%

下面,我们针对这两个目标进行布署,
首先是CSS链接数,这里我们将采用SSI的方式进行合并,但是同时又要达到对CSS有一个版本控制,这里就需要结合SVN等版本控制软件了
然后是CSS的冗余率了,这里我们为了降低冗余率,所以就得把CSS细分为各种模块,根据页面所需来选择要用到的CSS

more...

CSS模块化[一]

最近由于公司发展需要,所以在对部门进行一下规范的制定,其中一项是对CSS进行模块化,模块化很重要的是要有一个命名规则,内容细分等
经过思考与讨论得到以下方案:

从一个页面来说,页面由三大块组成,框架(layout)、模块(module)、内容表现(expression)组成,因此,首先可以从这下手。。。

不好意思,饿了。。。

明天有时间继续,哈哈。。。