网页兼容性制作要点

在同一个浏览器版本上做好网页,再在其它浏览器上调整兼容性
我想这是最基本的小白与高手的不同,小白做一点调整一点兼容性,同时在多个不同版本的浏览器下调整页面效果,这样做导致的直接后果是某个地方不兼容了,修改会导致牵一发而动全身。比较好的做法是先只做某一个版本浏览器的页面,展示效果没问题了再在其它浏览器上调整兼容性,写相应的CSS HACK。比较烦的是IE有多个版本,不管是现在的IE8还是之前的IE6,HACK的工作量都较大,建议先在FireFox或者Chrome写最基础的版本(更推荐后者,后者更接近标准,特别是HTML5),再调整Safari、Opera、IE等浏览器的兼容性。当页面有改动时,也先改动页面基础版本所选择的浏览器兼容性,再在其它浏览器上做相应调整。

CSS选择器优先级尽量使用低的
这也主要是针对基本版本的页面来讲的,高优先级的CSS选择器要留作后续升级,调整不同浏览器兼容性时使用。如果以开始就使用了高优先级的选择器,对于后期开发维护很不便利,因而先使用低优先级的选择器来做基础版本的页面,高优先级留作后期使用。

命名规范
这里不提出一个具体如何命名,但是在同一个模块或者项目中HTML的ID和CLASS也应该像程序函数名及变量一样有一个统一的命名的规范,这样有助于团队间协同工作,同时也方便自己后期维护时识别。
-EOF-