html如何检验代码规范??

html-css011

html如何检验代码规范??,第1张

代码规范性有两种方法:

1、在线检查:http://validator.w3.org/;

2、工具检查,例如:Html Validator。

Html Validator是Firefox的一个附加组件,以前看《精通CSS》提到的一些工具都因为不方便而没使用,每次都是在W3C在线验证查看代码是否规范。虽说过于追求标准有时没必要,但可能就因为有这种“标准癖”,没通过验证总觉得代码还是有问题。这个扩展真是解决了我不少问题。

Html Validator验证起来很方便。本地验证速度比W3C的在线网页要快很多,页面打开就能查看存在多少个问题,几处错误几处警告都一目了然。

它的验证方式有3种:HTML 、Tidy、SGML解析器和连续。前两种分别适合HTML和XHTML的验证,第三种为两种模式各验证一遍。

这个要看你插件所采用的检查标准,在HTML4、HTML5标准里,p标签可以不闭合,还有br、input、img、li等这几个特殊的,都可以不闭合;在XHTML标准里,要求所有标签必须闭合。但不管是哪种标准,div这个标签是必须要闭合的,所以sublime的插件会提示错误。

一、 HTML 头: 1、针对日文环境: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/htmlcharset=EUC-JP"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>yourtitle</title> </head> 2、针对中文环境: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN"> <head> <meta http-equiv="Content-Type" content="text/htmlcharset=GB2312"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>yourtitle</title> </head> 二、html中javascript的书写: <head> ….. <script type="text/javascript"> <!— ….. --> </script> </head> 三、html中元素的书写: 1、 元素属性值必须包含在双引号中; <font color=”#000000” size=”3” face=”Arial”> 2、 form 中必须加action属性,并且不能为空。 <form action=”/r/add.cgi” method=”post”> 如果不需要使用action属性,也必须定义: <form action=”no” > 3、 img的alt属性不可以缺少; <img src="/q/img/btn_style.gif" border="0" alt="Select”> 4、 head与</head>之间必须有title; <head> …… <title>your title </title> …… </head> 5、 tr、td必须定义在table之间; <table> <tr> <td>……</td> …. </tr> </table> 6、 button按钮必须定义在form之间,否则netscape不支持; <form action=”……” method=”post”> <input type=”button” name=”but” value=”back”> </form> 7、 在javascript中的字符串中出现的“/”前要用转义符“\”: <script type=”text/javascript”> <!— function check(str) { var str=”\/r\/add.cgi” …… } --> </script> 8、 onclick 属性必须和 onkeypress 成对写( onmousedown + onkeydown、onmouseup + onkeyup) <a href=”javascript:void[0]” onClick=”javascript:wopen(….)return false” onkeypress=”javascript:wopen(…)return false”>mm</a> 9、 用URL传值时直接写&是不可以的,可用&替换: <a href=”/r/add.cgi?uid=sqz&sid=1&pid=1”></a> 四、缩近规则: <table>中<td></td>,<tr></tr>等必须保持严格的缩近规则,以"Tab"键为准: <table> <tr> <td> <table> <tr> <td>…</td> … </tr> </table> </td> …. </tr> </table> 五、只有根据以上规则书写,并经过以下软件 http://openlab.ring.gr.jp/k16/htmllint/htmllint.html (日文) 检查。