当前位置:网站首页 > 技术交流

网站建设无法通过 W3C 认证的常见错误

网站建设要通过 W3C 认证是为了使网站能够在各种平台软件上正常显示,保证网站的可用性。

网站是否符合 W3C 认证可以通过 W3C 网站进行检测,但很多时候网站不能顺利通过认证,潍坊设计根据多年的网站建设经验总结了一下常见的认证错误。

网页标准声明

网页最基本的代码是用<html></html>包括其中的,由于网页标准很多,所以需要声明当前网页符合何种标准。目前最常用的标准是 XHTML 1.0 Transitional。声明网页标准需要在网页里面添加代码,代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

其实这些代码不用记,最简单的办法就是使用最新的网页制作软件,新建一个网页,这些代码会自动加到网页上面。

Html标记使用小写字母

小写字母是 W3C 认证中最重要的内容,所有 Html 标记包括属性名称都需要使用小写字母,例如<a></a>是符合 W3C 认证的,而<A></A>是不符合 W3C 认证的。其实最常见的错误是出现在脚本里面,特别是包含在 Html 标记里面的脚本,例如链接增加 onmouseover 事件,DW可以自动生成一些网页效果,例如鼠标移动到某个链接上面时改变链接的颜色或背景图片,代码是<a src="链接地址" title="链接内容" onmouseover="脚本"></a>,如果你使用的是DW8,生成的代码是“onMouseOver="脚本"”,大写的M和O是不符合 W3C 认证的。

没有封闭的标记

如果你查看网页源文件,非常容易看到Html标记都是分成两部分,例如<a>和</a>。标记是以“/”来表示结束,也就是标记必须要封闭起来。在网页中标记不一定封闭,很多时候不封闭的标记并不影响网页的浏览,但是没有封闭的标记是不符合 W3C 认证,有时候验证一个网页时,系统提示可能有几十个错误或警告,其实没有那么多,可能是一个前面没有封闭的标记造成后面的标记都不合法,只要把前面的改好了,后面的就都合法了。

有一些Html标记只有一部分,例如img(图片)、input(表单输入框)、br(换行符),按照最早的Html标准,br只需要输入“<br>”就行了,但是根据 W3C 标准,你需要在最后一个“>”前假如一个空格和一个“/”,代码就变成“<br />”了。

Html标记属性标准格式

Html标记属性是有标准格式的,格式为“<标记 属性="属性值"></标记>”,属性必须要赋值,而且使用引号引起来(双引号和单引号都行,但建议使用双引号)。有一些标记在早期的Html标准中是存在没有属性值的属性的,例如“<input name="checkbox" type="checkbox" checked>”,这是一个复选框,里面有一个属性checked表示复选框默认为选中,按照 W3C 标准应该是“<input name="checkbox" type="checkbox" checked="checked" />”。

<img>图片标记

图片是网页中最常用的元素,也是最容易出现问题的地方,即使你使用的是最新版本的DW也有可能出现问题。按照 W3C 标准,“img”标记必须包含“alt”属性,如果你使用DW插入图片的时候没有设置“替换”,程序是不会自动加上“alt”属性的,所以每天加一幅图片,别忘了在“替换”中输入图片的说明。标准的img标记代码是“<img src="图片地址" alt="图片说明" width="图片宽度" height="图片高度" />”,当然还有其他属性,例如title、border,但是这些与认证无关。

总结

上面介绍的只是网站不符合 W3C 认证的常见错误,还有很多其他的错误,要想避免错误出现,最简单的办法就是使用最新版本的软件,按照规范的操作来填写内容,网页做好以后要及时检测。