经典样式表大赛中web标准应用存在的问题

经典样式表大赛中web标准应用存在的问题》摘要: 第一届简历样式表设计赛已经评出获奖作品,恭喜所有的获奖者,也鼓励所有未获奖的选手继续加油。我想对作品中存在的问题总结一下,以便大家能够看到明白问题出在那里。 一.CSS校验的问题 首先浮

第一届简历样式表设计赛已经评出获奖作品,恭喜所有的获奖者,也鼓励所有未获奖的选手继续加油。我想对作品中存在的问题总结一下,以便大家能够看到明白问题出在那里。

一.CSS校验的问题

首先根据比赛要求,参赛作品必须符合XHTML标准,提交的CSS必须通过W3C的校验。CSS校验的情况比较理想,参赛作品中只有8份作品未通过CSS2.0校验,主要校验错误都是:“Line : 0 font-family: 建议你指定一个种类族科作为最后的选择”

W3C建议字体定义的时候,最后以一个类别的字体结束,而不要以单独某个字体结束。例如"sans-serif"就,以保证在不同操作系统下,网页字体都能被显示。

虽然多数人都在body标签上定义了"sans-serif",但在其它的id或class中再次定义字体时漏了sans-serif,被认为校验不通过。这个错误不是很严重,只要稍加注意就可以避免。

二.CSS的书写建议

  1. 给CSS文件加注释。注释会为你今后的维护带来方便,建议尽可能给CSS文件加注释,不要担心增加少量的字节。
  2. 尽量简写CSS语法。比如颜色值"#FFFFFF"可以简写成"#FFF";"padding-top:30px;Padding-right:0;padding-bottom:10px;padding-left:2 0px"可以简写为"padding:30px 0 10px 20px;"。在定义技巧上有更多的节省技巧,随着对CSS应用的熟练,你会不断发现更好的办法。

三.XHTML校验的问题

因为是样式表比赛,大家对CSS的校验比较注意,但在XHTML符合标准方面有点忽视,出现很多低级错误。主要问题罗列如下:

  1. target="_blank",这个语法在HTML4.0里是正确的,在XHTML1.0里是不允许使用的。解决的办法之一是写成target="new",另外一个办法是用js处理所有的target;
  2. 样式表最好不要内嵌,将样式表文件独立出来易于维护。如果内嵌