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不再有空隙,问题解决。
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
暂无评论...
更新日志
2024年05月31日
2024年05月31日
- 鸣潮新手池角色哪个好 新手池角色推荐
- 杨采妮.1997-离别之前新曲+精选(告别专辑)【EMI百代】【WAV+CUE】
- 新城唱好谢霆锋X达明一派同场异梦音乐会2CD[WAV+CUE]
- 翁立友2010-十年坚持好胆你就来[豪记][WAV]
- 鸣潮公测福利领取攻略 开服108抽福利获取大全
- 鸣潮是哪个公司的游戏 鸣潮游戏开发商介绍
- 鸣潮官方兑换码合集 最新可用兑换码分享
- 谭咏麟.1998-在乎【宝丽金】【WAV+CUE】
- 谭咏麟.1999-谁可改变谭咏麟原装版【环球】【WAV分轨】
- 郭富城.2006-MYNATION(国)【大国文化】【WAV+CUE】
- 崔子格《崔子格歌曲合集》[320K/MP3][121.9MB]
- 陈慧琳《陈慧琳歌曲合集》[320K/MP3][103MB]
- 陈慧娴《陈慧娴歌曲合集》[320K/MP3][110.2MB]
- 鸣潮角色强度排行攻略 公测最新节奏榜
- 鸣潮120高帧率怎么设置 120帧设置方法介绍