使用Web标准建站第6天：XHTML代码规范

在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。

1.所有的标记都必须要有一个相应的结束标记

　　以前在HTML中，你可以打开许多标签，例如

和

而不一定写对应的

和

来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如:

2.所有标签的元素和属性的名字都必须使用小写

与HTML不一样，XHTML对大小写是敏感的，和<TITLE>是不同的标签。X<a href="http://www.blue1000.com/bkhtml/c22/" title="HTML/JavaScript教程">HTML</a>要求所有的标签和属性的名字都必须使用小写。例如：<BODY>必须写成<body> 。大小写夹杂也是不被认可的，通常<a href="http://www.blue1000.com/bkhtml/c11/" title="Dreamweaver教程">Dreamweaver</a>自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。</P> <H3>3.所有的<a href="http://www.blue1000.com/bkhtml/c21/" title="XML教程">XML</a>标记都必须合理嵌套</H3> <P>　　同样因为X<a href="http://www.blue1000.com/bkhtml/c22/" title="HTML/JavaScript教程">HTML</a>要求有严谨的结构，因此所有的嵌套都必须按顺序，以前我们这样写的代码：</P><SPAN class=code><STRONG><FONT face=Verdana color=#60a179><p><b></p>/b></FONT></STRONG></SPAN> <P>　　必须修改为：</P><SPAN class=code><STRONG><FONT face=Verdana color=#60a179><p><b></b></p></FONT></STRONG></SPAN> <P>　　就是说，一层一层的嵌套必须是严格对称。</P> <H3>4.所有的属性必须用引号""括起来</H3> <P>　　在<a href="http://www.blue1000.com/bkhtml/c22/" title="HTML/JavaScript教程">HTML</a>中，你可以不需要给属性值加引号，但是在X<a href="http://www.blue1000.com/bkhtml/c22/" title="HTML/JavaScript教程">HTML</a>中，它们必须被加引号。例如:</P><SPAN class=code><STRONG><FONT face=Verdana color=#60a179><height=80></FONT></STRONG></SPAN> <P>　　必须修改为：</P><SPAN class=code><STRONG><FONT face=Verdana color=#60a179><height="80"></FONT></STRONG></SPAN> <P>　　特殊情况，你需要在属性值里使用双引号，你可以用"，单引号可以使用'，例如：</P><SPAN class=code><STRONG><FONT face=Verdana color=#60a179><alt="say'hello'"></FONT></STRONG></SPAN> <H3>5.把所有<和&特殊符号用编码表示</H3> <UL> <LI>任何小于号（<），不是标签的一部分，都必须被编码为<SPAN class=code><STRONG><FONT face=Verdana color=#60a179>& l t ;</FONT></STRONG></SPAN> <LI>任何大于号（>），不是标签的一部分，都必须被编码为<SPAN class=code><STRONG><FONT face=Verdana color=#60a179>& g t ;</FONT></STRONG></SPAN> <LI>任何与号（&），不是实体的一部分的，都必须被编码为<SPAN class=code><STRONG><FONT face=Verdana color=#60a179>& a m p;</FONT></STRONG></SPAN> </LI></UL> <P>　　注：以上字符之间无空格。</P> <H3>6.给所有属性赋一个值</H3> <P>　　X<a href="http://www.blue1000.com/bkhtml/c22/" title="HTML/JavaScript教程">HTML</a>规定所有属性都必须有一个值，没有值的就重复本身。例如：</P><SPAN class=code><STRONG><FONT face=Verdana color=#60a179><td nowrap></FONT></STRONG></SPAN> <SPAN class=code><STRONG><FONT face=Verdana color=#60a179><input type="checkbox" name="shirt" value="medium" checked></FONT></STRONG></SPAN> <P>　　必须修改为：</P><SPAN class=code><STRONG><FONT face=Verdana color=#60a179><td nowrap="nowrap"></FONT></STRONG></SPAN> <SPAN class=code><STRONG><FONT face=Verdana color=#60a179><input type="checkbox" name="shirt" value="medium" checked="checked"></FONT></STRONG></SPAN> <H3>7.不要在注释内容中使“--”</H3> <P>　　“--”只能发生在X<a href="http://www.blue1000.com/bkhtml/c22/" title="HTML/JavaScript教程">HTML</a>注释的开头和结束，也就是说，在内容中它们不再有效。例如下面的代码是无效的:</P><SPAN class=code><STRONG><FONT face=Verdana color=#60a179></FONT></STRONG></SPAN> <P>　　用等号或者空格替换内部的虚线。</P><SPAN class=code><STRONG><FONT face=Verdana color=#60a179></FONT></STRONG></SPAN> <P>　　以上这些规范有的看上去比较奇怪，但这一切都是为了使我们的代码有一个统一、唯一的标准，便于以后的数据再利用。</P></div><br/><br/> </div> <div align="center"> <script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <table width="97%" cellpadding="0" cellspacing="0" style="clear:both"> <tr><td align="right"> <table><tr> <td> 阅读：<span id="news_hits"></span> 次<br/> 录入：<span id="MemberNameLabel"></span><br/><br/> </td></tr> </table> </td></tr> <tr><td align="right"> 【 <a href="../../remark.aspx?ID=18021" target="_blank">评论</a> 】【 <a href="../../mail.aspx?ID=18021" target="_blank">推荐</a> 】【 <a href="javascript:doPrint()">打印</a> 】 </td></tr> </table> <table width="97%" align="center" style="clear:both"> <tr><td> 上一篇：<a href="../../bkhtml/2005-10/18020.htm">使用Web标准建站第7天：CSS入门</a><br/> 下一篇：<a href="../../bkhtml/2005-10/18022.htm">使用Web标准建站第5天：head区的其他设置</a> </td></tr> </table> </td> <td class="mr"></td> </tr> </table> </div> </div> <div class="mframe"> <table width="100%" cellspacing="0" cellpadding="0"> <tr> <td class="tl"></td> <td class="tm"> <span class="tt">相关文章</span> </td> <td class="tr"></td> </tr> </table> <table width="100%" cellspacing="0" cellpadding="0"> <tr> <td class="ml"></td> <td class="mm"> </td> <td class="mr"></td> </tr> </table> </div> <div class="mframe"> <table width="100%" align="center" cellspacing="0" cellpadding="0"> <tr> <td class="tl"></td> <td class="tm"> <a href="../../remark.aspx?id=18021" target="_blank" style="cursor:hand"><span class="tt">本文评论</span></a> </td> <td class="tr"></td> </tr> </table> <table width="100%" align="center" cellspacing="0" cellpadding="0"> <tr> <td class="ml"></td> <td class="mm"> </td> <td class="mr"></td> </tr> </table> </div> <div class="mframe"> <table width="100%" align="center" cellspacing="0" cellpadding="0"> <tr> <td class="tl"></td> <td class="tm"> <span class="tt">发表评论</span> </td> <td class="tr"></td> </tr> </table> <table width="100%" align="center" cellspacing="0" cellpadding="0"> <tr> <td class="ml"></td> <td class="mm"> <form id="remarkForm" action="../../remark.aspx?id=18021" method="post" onsubmit="return checkRemark();"> <table width="100%" cellpadding="5" cellspacing="0" border="0"> <tr><td> <script type="text/javascript" language="javascript">  </script> <input type="radio" name="face" value="1" checked="checked"/><img src="../../pic/face1.gif" alt=""/> <input type="radio" name="face" value="2"/><img src="../../pic/face2.gif" alt=""/> <input type="radio" name="face" value="3"/><img src="../../pic/face3.gif" alt=""/> <input type="radio" name="face" value="4"/><img src="../../pic/face4.gif" alt=""/> <input type="radio" name="face" value="5"/><img src="../../pic/face5.gif" alt=""/> <input type="radio" name="face" value="6"/><img src="../../pic/face6.gif" alt=""/> <input type="radio" name="face" value="7"/><img src="../../pic/face7.gif" alt=""/> <input type="radio" name="face" value="8"/><img src="../../pic/face8.gif" alt=""/> <input type="radio" name="face" value="9"/><img src="../../pic/face9.gif" alt=""/><br/> <input type="radio" name="face" value="10"/><img src="../../pic/face10.gif" alt=""/> <input type="radio" name="face" value="11"/><img src="../../pic/face11.gif" alt=""/> <input type="radio" name="face" value="12"/><img src="../../pic/face12.gif" alt=""/> <input type="radio" name="face" value="13"/><img src="../../pic/face13.gif" alt=""/> <input type="radio" name="face" value="14"/><img src="../../pic/face14.gif" alt=""/> <input type="radio" name="face" value="15"/><img src="../../pic/face15.gif" alt=""/> <input type="radio" name="face" value="16"/><img src="../../pic/face16.gif" alt=""/> <input type="radio" name="face" value="17"/><img src="../../pic/face17.gif" alt=""/> <input type="radio" name="face" value="18"/><img src="../../pic/face18.gif" alt=""/><br/> 点评： <textarea name="body" cols="40" rows="4" onkeydown="showLen(this)" onkeyup="showLen(this)"></textarea> 字数<input type="text" id="bodyLen" size="4" style="border-width:0;background:transparent;"/> <br/> 姓名： <input type="text" id="i_username" name="username" value="" maxlength="15" size="10" /> <input type="submit" name="submit" id="i_submit" value=" 发表 "/> <script type="text/javascript"> var remarkmember = false; var allowremark = true; if (remarkmember){ document.getElementById("i_username").readonly=true; document.write("(限会员登陆后发表评论)"); } if (!allowremark){ document.getElementById("i_submit").disabled=true; } </script> <br/><br/> <script type="text/javascript" src="../../inc/clientDate.js"></script> <input type="hidden" name="vcode" value=""/> </td> <td width="350"> <ul style="list-style-type:square;margin-left:1em;line-height:150%"> <li>尊重网上道德，遵守中华人民共和国的各项有关法律法规</li> <li>承担一切因您的行为而直接或间接导致的民事或刑事法律责任</li> <li>本站管理人员有权保留或删除其管辖留言中的任意内容</li> <li>本站有权在网站内转载或引用您的评论</li> <li>参与本评论即表明您已经阅读并接受上述条款</li> </ul> </td></tr> </table> </form> </td> <td class="mr"></td> </tr> </table> </div> <iframe src="../../frm_hit.aspx?id=18021&disp=1" border="0" height="0" width="0" style="visibility: hidden"></iframe> <table width="100%"><tr> <td class="hr"></td> </tr></table> <table id="footer" border="0" cellpadding="0" cellspacing="0"> <tr align="center" style="line-height:130%"><td height="60"> <BR><IMG style="FLOAT: left" src="/style/blue1000com/bkbz.gif" border=0><FONT color=#005c96><B>BK网络学院</B>主要内容：<STRONG>平面设计教程,网站开发在线教程,网页制作教程,服务器教程,网络编程,数据库教程</STRONG>等。<BR>产业部：</FONT><A href="http://www.miibeian.gov.cn/"><FONT color=#0000ff>沪ICP备05019380号陇ICP备05004709号</FONT></A><FONT color=#0000ff> 公安局：GR6201030003<BR>Copyright © </FONT><A href="/"><FONT color=#0000ff>BK设计</FONT></A><FONT color=#0000ff> Powered by <A href="">BK网络学院</A></FONT> <SCRIPT language=JavaScript src="http://s15.cnzz.com/stat.php?id=54594&web_id=54594" charset=gb2312></SCRIPT> <script type="text/javascript">ImgLoad(document.getElementById('BodyLabel'));</script> <div class="menuskin" id="popmenu" onmouseover="clearhidemenu();highlightmenu(event,'on')" onmouseout="highlightmenu(event,'off');dynamichide(event)" style="Z-index:100"></div> <script type="text/javascript" language="javascript1.2"> linkset[2]=new Array();linkset[2][0]="<div class=\"menuitems\"><a href=\"../../bkhtml/c11\">Dreamweaver教程</a></div>";linkset[2][1]="<div class=\"menuitems\"><a href=\"../../bkhtml/c15\">FrontPage教程</a></div>";linkset[2][2]="<div class=\"menuitems\"><a href=\"../../bkhtml/c112\">Golive教程</a></div>";linkset[2][3]="<div class=\"menuitems\"><a href=\"../../bkhtml/c12\">Flash教程</a></div>";linkset[2][4]="<div class=\"menuitems\"><a href=\"../../bkhtml/c22\">HTML/JavaScript</a></div>";linkset[2][5]="<div class=\"menuitems\"><a href=\"../../bkhtml/c23\">CSS教程</a></div>";linkset[2][6]="<div class=\"menuitems\"><a href=\"../../bkhtml/c109\">web标准</a></div>";linkset[113]=new Array();linkset[113][0]="<div class=\"menuitems\"><a href=\"../../bkhtml/c14\">Photoshop教程</a></div>";linkset[113][1]="<div class=\"menuitems\"><a href=\"../../bkhtml/c13\">Fireworks教程</a></div>";linkset[113][2]="<div class=\"menuitems\"><a href=\"../../bkhtml/c100\">CorelDRAW教程</a></div>";linkset[113][3]="<div class=\"menuitems\"><a href=\"../../bkhtml/c111\">Freehand教程</a></div>";linkset[113][4]="<div class=\"menuitems\"><a href=\"../../bkhtml/c121\">Illustrator教程</a></div>";linkset[113][5]="<div class=\"menuitems\"><a href=\"../../bkhtml/c41\">LOGO制作教程</a></div>";linkset[113][6]="<div class=\"menuitems\"><a href=\"../../bkhtml/c25\">Banner制作教程</a></div>";linkset[113][7]="<div class=\"menuitems\"><a href=\"../../bkhtml/c48\">广告设计教程</a></div>";linkset[3]=new Array();linkset[3][0]="<div class=\"menuitems\"><a href=\"../../bkhtml/c16\">ASP教程</a></div>";linkset[3][1]="<div class=\"menuitems\"><a href=\"../../bkhtml/c17\">.NET教程</a></div>";linkset[3][2]="<div class=\"menuitems\"><a href=\"../../bkhtml/c18\">JSP教程</a></div>";linkset[3][3]="<div class=\"menuitems\"><a href=\"../../bkhtml/c19\">PHP教程</a></div>";linkset[3][4]="<div class=\"menuitems\"><a href=\"../../bkhtml/c20\">CGI教程</a></div>";linkset[3][5]="<div class=\"menuitems\"><a href=\"../../bkhtml/c21\">XML教程</a></div>";linkset[3][6]="<div class=\"menuitems\"><a href=\"../../bkhtml/c110\">ColdFusion教程</a></div>";linkset[4]=new Array();linkset[4][0]="<div class=\"menuitems\"><a href=\"../../bkhtml/c24\">图片素材</a></div>";linkset[4][1]="<div class=\"menuitems\"><a href=\"../../bkhtml/c42\">网页模版</a></div>";linkset[4][2]="<div class=\"menuitems\"><a href=\"../../bkhtml/c43\">LOGO源文件</a></div>";linkset[4][3]="<div class=\"menuitems\"><a href=\"../../bkhtml/c44\">Banner源文件</a></div>";linkset[4][4]="<div class=\"menuitems\"><a href=\"../../bkhtml/c49\">字体素材</a></div>";linkset[62]=new Array();linkset[62][0]="<div class=\"menuitems\"><a href=\"../../bkhtml/c63\">推广宣传</a></div>";linkset[62][1]="<div class=\"menuitems\"><a href=\"../../bkhtml/c74\">搜索引擎优化SEO</a></div>";linkset[62][2]="<div class=\"menuitems\"><a href=\"../../bkhtml/c64\">网站视觉</a></div>";linkset[62][3]="<div class=\"menuitems\"><a href=\"../../bkhtml/c65\">免费资源</a></div>";linkset[62][4]="<div class=\"menuitems\"><a href=\"../../bkhtml/c66\">业内新闻</a></div>";linkset[62][5]="<div class=\"menuitems\"><a href=\"../../bkhtml/c67\">其它</a></div>";linkset[68]=new Array();linkset[68][0]="<div class=\"menuitems\"><a href=\"../../bkhtml/c70\">Web服务器架设</a></div>";linkset[68][1]="<div class=\"menuitems\"><a href=\"../../bkhtml/c71\">Ftp服务器架设</a></div>";linkset[68][2]="<div class=\"menuitems\"><a href=\"../../bkhtml/c72\">Mail服务器架设</a></div>";linkset[68][3]="<div class=\"menuitems\"><a href=\"../../bkhtml/c73\">Dns服务器架设</a></div>";linkset[86]=new Array();linkset[86][0]="<div class=\"menuitems\"><a href=\"../../bkhtml/c90\">MSAccess教程</a></div>";linkset[86][1]="<div class=\"menuitems\"><a href=\"../../bkhtml/c91\">sql server教程</a></div>";linkset[86][2]="<div class=\"menuitems\"><a href=\"../../bkhtml/c92\">MySQL教程</a></div>";linkset[86][3]="<div class=\"menuitems\"><a href=\"../../bkhtml/c93\">DB2教程</a></div>";linkset[86][4]="<div class=\"menuitems\"><a href=\"../../bkhtml/c94\">ORACLE教程</a></div>";linkset[86][5]="<div class=\"menuitems\"><a href=\"../../bkhtml/c95\">SYBASE教程</a></div>";linkset[87]=new Array();linkset[87][0]="<div class=\"menuitems\"><a href=\"../../bkhtml/c96\">基础知识</a></div>";linkset[87][1]="<div class=\"menuitems\"><a href=\"../../bkhtml/c97\">安全防范</a></div>";linkset[87][2]="<div class=\"menuitems\"><a href=\"../../bkhtml/c98\">防火墙</a></div>";linkset[87][3]="<div class=\"menuitems\"><a href=\"../../bkhtml/c99\">其他相关</a></div>";linkset[87][4]="<div class=\"menuitems\"><a href=\"../../bkhtml/c123\">病毒防护</a></div>";linkset[114]=new Array();linkset[114][0]="<div class=\"menuitems\"><a href=\"../../bkhtml/c115\">WPS教程</a></div>";linkset[114][1]="<div class=\"menuitems\"><a href=\"../../bkhtml/c116\">Office教程</a></div>";linkset[114][2]="<div class=\"menuitems\"><a href=\"../../bkhtml/c117\">Word教程</a></div>";linkset[114][3]="<div class=\"menuitems\"><a href=\"../../bkhtml/c118\">Excel教程</a></div>";linkset[114][4]="<div class=\"menuitems\"><a href=\"../../bkhtml/c119\">PowerPoint教程</a></div>";linkset[114][5]="<div class=\"menuitems\"><a href=\"../../bkhtml/c122\">Visio教程</a></div>";linkset[114][6]="<div class=\"menuitems\"><a href=\"../../bkhtml/c120\">输入法教程</a></div>";linkset[9]=new Array();linkset[9][0]="<div class=\"menuitems\"><a href=\"../../bkhtml/c26\">幽默搞笑</a></div>";linkset[9][1]="<div class=\"menuitems\"><a href=\"../../bkhtml/c27\">FLASH MV</a></div>";linkset[9][2]="<div class=\"menuitems\"><a href=\"../../bkhtml/c28\">在线游戏</a></div>";linkset[9][3]="<div class=\"menuitems\"><a href=\"../../bkhtml/c29\">卡通动画</a></div>";linkset[9][4]="<div class=\"menuitems\"><a href=\"../../bkhtml/c30\">贺卡</a></div>";linkset[9][5]="<div class=\"menuitems\"><a href=\"../../bkhtml/c108\">专辑系列</a></div>";linkset[75]=new Array();linkset[75][0]="<div class=\"menuitems\"><a href=\"../../bkhtml/c51\">搞笑图片</a></div>";linkset[75][1]="<div class=\"menuitems\"><a href=\"../../bkhtml/c52\">爆笑网文</a></div>";linkset[75][2]="<div class=\"menuitems\"><a href=\"../../bkhtml/c53\">智力游戏</a></div>";linkset[75][3]="<div class=\"menuitems\"><a href=\"../../bkhtml/c54\">魔鬼辞典</a></div>";linkset[75][4]="<div class=\"menuitems\"><a href=\"../../bkhtml/c55\">短信笑话</a></div>";linkset[76]=new Array();linkset[76][0]="<div class=\"menuitems\"><a href=\"../../bkhtml/c77\">求职就业</a></div>";linkset[76][1]="<div class=\"menuitems\"><a href=\"../../bkhtml/c78\">成功财富</a></div>";linkset[76][2]="<div class=\"menuitems\"><a href=\"../../bkhtml/c79\">生活爱情</a></div>";linkset[76][3]="<div class=\"menuitems\"><a href=\"../../bkhtml/c80\">社交沟通</a></div>";linkset[76][4]="<div class=\"menuitems\"><a href=\"../../bkhtml/c81\">知识技能</a></div>";linkset[76][5]="<div class=\"menuitems\"><a href=\"../../bkhtml/c82\">素质能力</a></div>";linkset[76][6]="<div class=\"menuitems\"><a href=\"../../bkhtml/c83\">心智性格</a></div>";linkset[76][7]="<div class=\"menuitems\"><a href=\"../../bkhtml/c84\">心理健康</a></div>";linkset[76][8]="<div class=\"menuitems\"><a href=\"../../bkhtml/c85\">趣味</a></div>";linkset[89]=new Array();linkset[89][0]="<div class=\"menuitems\"><a href=\"../../bkhtml/c101\">星座基本篇</a></div>";linkset[89][1]="<div class=\"menuitems\"><a href=\"../../bkhtml/c102\">星座人际篇</a></div>";linkset[89][2]="<div class=\"menuitems\"><a href=\"../../bkhtml/c103\">星座男女篇</a></div>";linkset[89][3]="<div class=\"menuitems\"><a href=\"../../bkhtml/c104\">星座指数篇</a></div>";linkset[89][4]="<div class=\"menuitems\"><a href=\"../../bkhtml/c105\">星座排行篇</a></div>"; jsdone=true; </script> </td></tr> </table> </div> </body> </html>