W3C验证XHTML常见的5个错误


负责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.phpstudy.net “>

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

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

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

错误写法:<div class=header>

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

5, 元素嵌套不规范

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

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

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


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3