- 更新时间:2009-11-15
- 互联网上的网站是数不胜数，但能整个网站全部通过w3c strict认证的网站不多。在很多网站设计师的眼里，
w3c是高不可攀的，是神秘的。w3c strict 认证就真的有那么难吗？其实，一点不难，关键是你要敢于去做，敢
于按标准设计去严格要求自己。企飞科技网站就整站全部通过W3C认证，包括所有的资讯文章等。我下面就我在
进行W3C认证时走过的弯路，碰上的问题总结如下：
一、doctype 声明
doctype声明声明为文档提供一个空间，通过引用外部文件、通过直接声明或通过这两种方式来标识其根元
素和文档类型定义 (DTD)。例：<!DCOTYPE html PUBLIC"-//W3C/DTD/XHTML 1.0 Strict/EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"
lang="en" xml:lang="en"> 在这里，一定要注意大小写写法，而且要注意 PUBLIC与"之间是没有空格的，我起
初就犯了这个错误。如果你实在记不住，告诉你一个最简单的办法，打开 www.w3c.org网站，查看源代码，复制
他的DOCTYPE就OK了。
二、注意标签闭合。
以下几个标签，是网站设计师经常忘记闭合的标签，而且在网页设计过程中，属于高频率标签，如
<meta>,<img>,<link>。下面写个样式 <meta name="keywords" content="深圳网站建设，深圳建站，网站设计
专家" />, <img src="images/qq.gif" alt="QQ图标" width="32" height="32" />, <link href="mycss.css"
rel="stylesheet" type="text/css" />。至于成对的标签闭合，相信大家都知道，也会注意。如 <p></p>，需
成对出现。
三、js文件引用写法
在调用外部JS文件时，要注意标准写法，<script type="text/javascript" src="qq.js"></script>。
xhtml 1.0 strict 是不支持 lanuage 标签的。
四、target="_blank"问题
在strict标准下，是不支持target 标签的。我们可以采用 rel="external"来代替，不过，得首先在JS中预
先定义。至于JS文件的写法，网上到处都有，我就不再重复了，在这里，主要是提醒大家注意。
五、标签属性不能缺少。
在写标签的时候，记得给<img>标签加上alt属性，给<a>标签加上title属性。加这些属性，更主要的是更好
的增进用户体验，比方说，img图片打不开的情况下，用户就可能通过ALT属性来了解。细心的读者相信从标签闭
合那里，早就注意到了<img>标签的写法了。标签写得好，对网站优化是大有好处的。
六、注意引号不能缺少
有的设计师在写代码的时候，经常不写引号。这不是个好习惯，特别是在写width,height等属性的时候。
<img src="qq.gif" alt="qq图标" height="32" width="32" />,在这里如果写成 height=32,那就错了，是
没法通过认证的。
七、把宽度，高度写到样式里面
我们在写代码的时候，总习惯于写<td height="32" colspan="2"></td>之类的代码，这是没法通过检测的
，在这里我们可以这样写，<td style="height:32px;" colspan="2"></td>。当然，table在处理数据表格的功
能的时候，是非常强大的，但我们做框架设计的时候，最好不要用table来做。
八、<form>的位置问题。
我不知道大家有没有犯过这个错误，反正当时这个错误把我折腾了好一阵子。我平时写代码的时候，有时候
用表格方便点，就直接用了表格。<table cellpadding="0" cellspacing="0" border="0" width="100%"><form
method="post" action=""><tr><td>...</td></tr></form></table> 这段代码，要是不用w3c来检测，是没有任
何问题的，但实际上，写法是不正确的，应该把form放在table的外面，而不是里面。至于多重表格嵌套，我就
没试了。不过，在写代码的过程中，最好不要采用多重表格嵌套，我们需要追求代码的精简与网页的高效性。
九、border属性问题
<img>标签是没有border属性的。在图片做超链接的时候，如果不声明border="0"，会产生一个蓝色边框。
这个问题其实很好解决，写在css里面就是。img{border:0px;}，这样，所有的img border属性就一次性写好了
。要用的时候，直接调用对应的css文档就是。
十、大小写问题
strict标准中一律采用小写,js代码写法不受此点限制。<a href="http://www.qfkeji.com"
onmouseover="showM(this,1)" onmouseout="OnMouseLeft()" title="深圳网站建设">深圳网站建设</a>,在这
里 onmouseover就全部得采用小写，相信很多写VB代码，JS代码习惯了的朋友，都会写成 onMouseOver,这是不
正确的写法。而他对应的调用showM(this,1)，这里的M就不能小写了，必须与定义的函数对应。
网站要完全通过W3C XHTML 1.0 STRICT 标准，需要注意的地方还有很多，在这里，我就先总结这几点。希望能
起到让web程序设计师少走弯路的作用，那我也就算没白费心思了。 - 作者：企飞科技
- 原载：http://www.qfkeji.com
- 版权声明：原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。
- Tags：w3c xhtml 1.0 strict
