编写Web前端代码的注意事项小结

所属分类：网页制作 / 应用技巧阅读数： 1533

收藏 0赞 0分享

1.　最好在html标签之前添加一句类似于

　　<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >

　　的代码，该代码表示遵循W3C的某一套标准，具体使用哪套标准因人而异。

　　使用该标准的好处是不用再为各种不同浏览器环境下网站的布局不一样的问题而烦恼。使用该标准后，笔者在IE8、FF、Safari浏览器环境下测试，结果页面显示均正常。另外，发现使用该标准后包括一些IE本身的bug也不再出现，如IE默认div框的高度要大于字体高度的bug，在遵循该标准后就不再出现。

　　在遵循该标准后需要注意的一点是，有些写的不规范的代码可能就不能正常工作。例如在javascript中有roll1right.innerHTML = roll1left.innerHTML;的代码，其中roll1right和roll1left是网页上两个不同div的id，在没有套用该标准的情况下网页可以工作，但在W3C标准下该语句就出现bug。原因是W3C要求所有的变量都有明确的赋值，因此必须在该语句之前加上var roll1right = document.getElementById("roll1right");的语句，随后代码全部正常工作。

2.　在网页中使用div和table时，发现：虽然同样可以通过css设置div和table的border、margin、padding都为0，但是div显示正常的同时，table仍然会有一定的空隙。查询了W3CSchool后发现，原来table有cellpadding和cellspacing两个属性，其中cellpadding属性规定单元边沿与内容之间的空白，而cellspacing属性规定了单元之间的空白。于是将网页中的table的cellpadding和cellspacing两个属性都设为0，果然网页的table不再有空隙，问题解决。

更多精彩内容其他人还在看

编写Web前端代码的注意事项小结

出色的美工/网页设计人员需要掌握的7项技能

网页设计师需要的知识体系有哪些

从四个方面谈谈Web标准的价值所在附思维导图

为什么要少用Iframe的几个原因分析

百度网盟环境下的广告投放技巧(图文教程)

10件优秀Web开发者提升开发能力必知的事

不是中国才有的特色:文化差异下的网页开发

负距离(换位思考)-相互影响的迭代过程

谈谈设计中的用户体验背后的8个用户本能

交互设计中关于是选择分页还是加载的问题讲解

网络赚钱

站长故事

编写Web前端代码的注意事项小结

出色的美工/网页设计人员需要掌握的7项技能

网页设计师需要的知识体系有哪些

从四个方面谈谈Web标准的价值所在 附思维导图

为什么要少用Iframe的几个原因分析

百度网盟环境下的广告投放技巧(图文教程)

10件优秀Web开发者提升开发能力必知的事

不是中国才有的特色:文化差异下的网页开发

负距离(换位思考)-相互影响的迭代过程

谈谈设计中的用户体验背后的8个用户本能

交互设计中关于是选择分页还是加载的问题讲解

网络赚钱

站长故事

从四个方面谈谈Web标准的价值所在附思维导图