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不再有空隙，问题解决。
<!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,前端代码
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
白云城资源网 Copyright www.dyhadc.com
暂无“编写Web前端代码的注意事项小结”评论...
更新日志
2024年12月23日
2024年12月23日
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果（九）》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]