W3C验证XHTML最常见的5个错误

2010-01-25 13:42:31   来源:OKXUN.com

负责Web编写的前端人员,都清楚可以通过W3验证服务功能,来在线验证自己编写的XHTML代码是否正确,在验证期间,最容易出现的错误往往都是在最简单以至容易忽略的地方,以下就是在日常的验证过程中最容易出现错误的几个总结。

  1, 没有为<img>添加 alt=”” 属性;

  错误写法:<img src="" />正确写法:<img src="" alt="" />

      2, 没有闭合的标签;

  XHTML规范中有一条标准就是“每个XHTML标签都有一个结束标记”。那么对于HTML中原来不带结束标记的元素,则在该结束前加上“/”来关闭这个标签。

  像 <img> , <br> , <meta> 等标签就需要这样闭合

  <img />

  <br />

  <meta />

  3, 大小写敏感;

  XHTML 区分大小写,而且XHTML中所有的标签必须小写。

  错误写法:<META name=”y_key” content=”www.okxun.com “>

  正确写法:<meta name=”y_key” content=”www.okxun.com” />

  4, 未使用引号括包含属性值;

  XHTML中所有的属性值必须使用英文双引号括起。

  错误写法:<div class=header>

  正确写法:<div class=”header”>

  5, 元素嵌套不规范;

  这类错误虽然出现的频率不多,但却也是最难发现的问题,正确的元素嵌套是在日常手写代码过程中,逐步培养成的好习惯。

  错误写法:<strong><em>…</strong></em>

  正确写法:<strong><em>…</em></strong>