web标准学习经验总结

《web标准学习经验总结》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、WEB标准学习经验总结>>edu.5151doc.教育资源库今天在群里，熊猫君提议整理一个帖子，一方面为初学者提供一个入门指南，另一方面也象借此和已经在从事这个行业进行一点交流。下面是我从事这个行当多年的一些经验总结，希望抛砖引玉，大家不吝赐教。１、必备工具　　其实SExpression、EditPlus等等，这些编辑软件目前是绝对的主流，无论是初学者上手容易还是专业人士提高效率都是不错的选择。　　再说说浏览器环境，目前一台机器同时装IE、Firefox、Opera、Safari已经不是难事，而IE7Standalone和MultipleIE的问世也让IE7和低版本IE并存

2、成为可能。推荐浏览器环境——本机安装IE7、FF、Opera、Safari，同时安装MultipleIE。从我个人的使用经验，IE7Standalone存在一定的缺陷，有可能导致本机安装的IE6无法正常使用。　　除了编辑器以外，还有就是必不可少的调试工具啦，首推当然是Firefox下的Firebug！IE下目前还没有与之相当的调试工具，比较好的有IEdevelopmenttoobar、IEDebugbar等等，不过和Firebug完全不是一个档次的东西，只能说勉强凑合用。２、必备的HTML/XHTML基础　　说到基础，其实正是我最想谈的。从论坛许多的帖子也可以看出来，大多数

3、问题的产生是由于制本身基础的不牢固。而HTML/XHTML作为基础中的基础，更是许多人的薄弱环节。然而很多人还是喜欢一上来就问布局或者Hack这些技巧方面的问题，其实很多问题如果本人的基础牢固了，几乎不能被称之为问题。　　l这个帖子的时候，才意识到，原来之前对dt、dd的嵌套规则理解有误，二者不能一视同仁。HTML/XHTML的嵌套规则并不算简单，常用的标签不过三十个上下，就有大约二十种不同的嵌套规则，稍不留神就会出错。虽然不严格遵循并不会影响页面的表现，但养成一个良好的习惯是很重要的，它往往能决定你在这条路上可以走多远。　　4、标签的属性。这个又要分为两方面，一是符合标准

4、的常用属性及对应的值，例如<table>的summary属性、<th><td>的scope属性、<label>的for属性等等；二是标准强制要求的属性，例如图片的alt属性、form的action属性、textfield的col属性和roargin等等。每一种布局都有着各自的优势和局限性，从适性最广来讲显然是float最佳，也最为常用，但清除浮动往往是让人头疼的问题。绝对定位的网页抗压性好，但自由度低，而且渲染效率最差。负margin是最不破坏文档流的办法，但在对负值支持不佳的IE下往往会有灵异表现。关于布局方面的知识，建议看一下webflash的《

5、彻底弄懂CSS盒子模式》系列文章，个人认为相关知识的文章尚无出其右者。　　2、IE下的Haslayout渲染模式。其实hack是许多标准工程师所深恶痛绝的东西，但在浏览器兼容性要求越来越高的今天，hack却往往是一种无奈之举。而深入了解IE的Haslayout渲染模式，就会明白许多hack的来由，以及许多兼容性问题的产生之源。推荐阅读——译文Onhavinglayout。然而HasLayout问题之多，绝非一两篇文章所能概括，通过阅读文章，了解其中的原理，再举一反三，很多问题就会迎刃而解了。　　3、符合标准的CSS规则。关于这一点，我可以不负责任地说，数以千万计的网站，其C

6、SS完全符合标准的，所占比重不会超过1%。这并不是一个悲观的估计，即使是w3c推荐的一些网站，例如ESPN，他们的CSS也时常会通不过校验。CSS的许多规则的确令CSSer们非常不适，例如background和color，这两个属性绝大多数人都是分开来使用的，而w3c标准却规定两者必须“生则同生，死则同死”。还有就是各个浏览器的专有属性，在实现一些效果时是最简单有效的。这种时候我们往往会选择放弃标准，但暂时的放弃不意味着无视。今天知道我们哪些行为是错误的，以及为什么要用错误的方法，明天改正起来就不会太12下一页[这篇文章来自..，]难。　　4、提高网站性能的技巧，如有助于S

7、EO的以图代字、用尽量少和小容量的图片实现圆角表格、用background-position实现图片切换以提高渲染效率等等。从对网站的帮助角度来看，这些技巧远比浏览器hack更值得掌握。　　5、了解一点js知识。这个和CSS关系不是那么密切，但经常看到很多人钻牛角尖，用js可以非常简单实现的效果，非要用CSS去勉强实现。例如将子菜单放在链接里，通过:hover触发。又比如多列等高布局的实现。这已经是行为层的范畴了，为什么还非要用表现层来实现呢？当然这里并不是说所有CSS不容易实现的都往js里扔，而是要了解一下双方的