WEB标准教程第6天：XHTML代码规范 - 站长吧

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

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

和

而不一定写对应的

和

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

　　
网页设计师

2.所有标签的元素和属性的名字都必须使用小写
　　
　　与HTML不一样，XHTML对大小写是敏感的，和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如：<BODY>必须写成<body> 。大小写夹杂也是不被认可的，通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。</p> <p>　　3.所有的XML标记都必须合理嵌套</p> <p>　　同样因为XHTML要求有严谨的结构，因此所有的嵌套都必须按顺序，以前我们这样写的代码：</p> <p>　　<p><b></p></b> </p> <p>　　必须修改为：</p> <p>　　<p><b></b></p> </p> <p>　　就是说，一层一层的嵌套必须是严格对称。</p> <p>　　4.所有的属性必须用引号""括起来</p> <p>　　在HTML中，你可以不需要给属性值加引号，但是在XHTML中，它们必须被加引号。例如:</p> <p>　　<height=80> <br /> 　　<br /> 　　必须修改为：</p> <p>　　<height="80"> </p> <p>　　特殊情况，你需要在属性值里使用双引号，你可以用"，单引号可以使用'，例如：</p> <p>　　<alt="say'hello'"> </p> <p>　　5.把所有<和&特殊符号用编码表示<br /> 　　<br /> 　　任何小于号（<），不是标签的一部分，都必须被编码为& l t ; </p> <p>　　任何大于号（>），不是标签的一部分，都必须被编码为& g t ; </p> <p>　　任何与号（&），不是实体的一部分的，都必须被编码为& a m p; </p> <p>　　注：以上字符之间无空格。</p> <p>　　6.给所有属性赋一个值</p> <p>　　XHTML规定所有属性都必须有一个值，没有值的就重复本身。例如：</p> <p>　　<td nowrap> <input type="checkbox" name="shirt" value="medium" checked> <br /> 必须修改为：</p> <p>　　<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked"> </p> <p>　　7.不要在注释内容中使“--”</p> <p>　　“--”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。例如下面的代码是无效的:</p> <p>　　　　<br /> 　　用等号或者空格替换内部的虚线。</p> <p>　　 <p>　　以上这些规范有的看上去比较奇怪，但这一切都是为了使我们的代码有一个统一、唯一的标准，便于以后的数据再利用。</p></div><div class="t_c">  <div style="width:468px;height:110px;"> <script id=pconlineAD src=http://www1.pconline.com.cn/script/pconlineAD.js class="{width:468,height:110,bgColor:'white',textColor:'black',linkColor:'blue',url:'http://adunion.pconline.com.cn/show?id=569&wid=6008&media=html'}"></script> </div>  </div> </div> <br/><br/> <div class="t_r info"> <a href="/school/html/"><img src="/ui/2008/i_6.gif" width="15" height="10" alt=""/> 分类:HTML/XHTML</a> <a href="javascript:window.scrollTo(0,0);"><img src="/ui/2008/i_13.gif" width="16" height="16" align="middle" alt=""/> 阅读:<span id="hits">118</span></a> <a href="#comment"><img src="/ui/2008/i_4.gif" width="16" height="16" align="middle" alt="查看/发表评论"/> 评论:<span id="comments">0</span></a> </div> </div> <div class="b_8"> </div> <div class="mb" style="background:#FAFAFA;"> <div><iframe src=" /comment/index.php?keyid=2&itemid=7879&itemurl=http%3A%2F%2Fwww.master8.net%2Fschool%2Fhtml%2Fshow-7879.html&title=WEB%B1%EA%D7%BC%BD%CC%B3%CC%B5%DA6%CC%EC%A3%BAXHTML%B4%FA%C2%EB%B9%E6%B7%B6" name="comment" id="comment" style="width:654px;height:0px;" scrolling="no" frameborder="0"></iframe></div> </div><a name="comment"></a> <div class="b_8"> </div> <div class="mb" style="background:#FAFAFA;"> <br/><br/><br/><br/> <div class="c_b"> <center> <input type="button" value="返回列表" class="btnd" onclick="window.location='/school/html/';"/> <input type="button" value="发布主题" class="btnd" onclick="window.location='/school/myitem.php?action=add&catid=13';"/> <input type="button" value="加入收藏" class="btnd" onclick="Fav();"/> <input type="button" value="告诉好友" class="btnd" onclick="Tell();" /> <input type="button" value="关闭窗口" class="btnd" onclick="window.close();"/> <input type="button" value="跳至顶部" class="btnd" onclick="window.scrollTo(0,0);"/> </center> </div> <br/><br/><br/> <div><center title="添加到文摘"><script type="text/javascript" src="/ui/2008/wz.js"></script></center> </div> <br/><br/><br/> <div id="copyright" class="copyright"> </div> <br/><br/><br/> </div> </div> <div class="mn"> </div> <div class="mr"> <div class="mb" style="width:298px;overflow:hidden;">  <center> <form method="get" action="http://www.google.cn/search" target="google_window"> <table bgcolor="#ffffff"> <tr><td nowrap="nowrap" valign="top" align="left"> <table bgcolor="#ffffff"> <tr><td nowrap="nowrap" valign="top" align="left" height="32"> <a href="http://www.google.com/"> <img src="http://www.google.com/logos/Logo_25wht.gif" border="0" alt="Google" align="middle"></img></a> <label for="sbi" style="display: none">输入您的搜索字词</label> <input type="text" name="q" size="18" maxlength="255" value="" id="sbi"></input> <label for="sbb" style="display: none">提交搜索表单</label> <input type="submit" name="sa" value="搜索" id="sbb" class="btn"></input> <input type="hidden" name="client" value="pub-4033383233178129"></input> <input type="hidden" name="forid" value="1"></input> <input type="hidden" name="prog" value="aff"></input> <input type="hidden" name="channel" value="0403244999"></input> <input type="hidden" name="ie" value="GB2312"></input> <input type="hidden" name="oe" value="GB2312"></input> <input type="hidden" name="hl" value="zh-CN"></input> </td></tr></table> </td></tr><tr><td nowrap="nowrap" valign="top" align="left"> <script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </td></tr></table> </form> </center> </div> <div class="b_8"></div> <div class="mb"> <div class="mu"> <ul>  <li><a href="http://www.cnkuai.cn/host.htm" target="_blank" title="虚拟主机,网站空间,ASP空间,空间"><font color="red"><b>虚拟主机</b></font></a> <a href="http://www.cnkuai.cn/domain.htm" target="_blank" title="中文域名,中文域名注册,中文域名申请"><font color="red"><b>中文域名</b></font></a></li> <li><span class="px10">AD:</span> <a href="/service/adv.html"><span class="f_red">全站广告位预定QQ4908220</span></a></li> </ul> </div> </div> <div class="b_8"></div> <table width="100%" cellpadding="0" cellspacing="0"> <tr align="center"> <td height="22" width="70" class="tab_on" id="tab_1"><a href="http://bbs.master8.net/" target="_blank"><strong>论坛精华</strong></a></td> <td class="tab_out"> </td> </tr> </table> <div style="border:#CAD9EA 1px solid;border-top:none;"> <div id="cont_1" class="mu"> <ul> <li><a href="http://bbs.master8.net/?show-8440.html" title="日期:2008-08-28 23:08 浏览:22" target="_blank">我的网站用户，你在哪里？</a></li> <li><a href="http://bbs.master8.net/?show-8407.html" title="日期:2008-08-28 11:49 浏览:32" target="_blank">【*经验之谈*】：服务器托管必用的10大工具</a></li> <li><a href="http://bbs.master8.net/?show-8244.html" title="日期:2008-08-25 08:21 浏览:82" target="_blank">天涯若比邻：那些与我一起走过的博客站长们</a></li> <li><a href="http://bbs.master8.net/?show-8184.html" title="日期:2008-08-22 13:21 浏览:110" target="_blank">输入法设置工具 IME TOOL 2.7.6</a></li> <li><a href="http://bbs.master8.net/?show-8167.html" title="日期:2008-08-22 07:02 浏览:151" target="_blank">你为什么排名靠后？</a></li> </ul> </div> </div> <div class="b_8"></div> <div class="mb"> <div class="mt"> <span class="f_r"><script type="text/javascript">cMore(1);</script></span> <a href="/manage/" target="_blank"><strong>网站运营</strong></a></div> <div class="mu" id="c_1"><ul><li>[<a href="/manage/webmaster/">HI! 站长</a>] <a href="/manage/webmaster/show-10774.html" title="By:wonyu88 At:2008-08-28" target="_blank">百度惩罚网站的十大原因</a></li> <li>[<a href="/manage/it/">IT看台</a>] <a href="/manage/it/show-10773.html" title="By:年华 At:2008-08-27" target="_blank"><span style="color:#FF0000;">人大代表建议立法追究人肉搜索刑事责任</span></a></li> <li>[<a href="/manage/seo/">推广研究</a>] <a href="/manage/seo/show-10772.html" title="By:dance321 At:2008-08-27" target="_blank">rel='external nofollow'与rel=''nofollow'...</a></li> <li>[<a href="/manage/biz/">站长创业</a>] <a href="/manage/biz/show-10771.html" title="By:wonyu88 At:2008-08-27" target="_blank">做站失败的原因汇总</a></li> <li>[<a href="/manage/seo/">推广研究</a>] <a href="/manage/seo/show-10770.html" title="By:wonyu88 At:2008-08-25" target="_blank">网店宣传方法分享</a></li> <li>[<a href="/manage/seo/">推广研究</a>] <a href="/manage/seo/show-10769.html" title="By:wonyu88 At:2008-08-23" target="_blank">新站如何让谷歌快速收录?</a></li> </ul></div> </div> <div class="b_8"></div> <div class="mb"> <div class="mt"> <span class="f_r"><script type="text/javascript">cMore(2);</script></span> <a href="/school/" target="_blank"><strong>站长学院</strong></a></div> <div class="mu" id="c_2"><ul><li>[<a href="/school/windows/">Windows</a>] <a href="/school/windows/show-10544.html" title="By:年华 At:2008-08-27" target="_blank"><span style="color:#FF0000;">注册表语法</span></a></li> <li>[<a href="/school/css/">CSS</a>] <a href="/school/css/show-10543.html" title="By:年华 At:2008-08-27" target="_blank">定义列表+CSS制作的垂直菜单</a></li> <li>[<a href="/school/css/">CSS</a>] <a href="/school/css/show-10542.html" title="By:年华 At:2008-08-27" target="_blank">与表格边框有关的CSS语法</a></li> <li>[<a href="/school/css/">CSS</a>] <a href="/school/css/show-10541.html" title="By:年华 At:2008-08-27" target="_blank">css技巧-经典中的经典</a></li> <li>[<a href="/school/css/">CSS</a>] <a href="/school/css/show-10540.html" title="By:年华 At:2008-08-27" target="_blank">CSS网页代码编写技巧：隔行换色的实现</a></li> <li>[<a href="/school/net/">.NET</a>] <a href="/school/net/show-10539.html" title="By:年华 At:2008-08-27" target="_blank">在SQL Server中通过.NET远程的执行SQL文件</a></li> </ul></div> </div> <div class="b_8"></div> <div class="mb"> <div class="mt1"><a href="/mail/" target="_blank"><strong>文章订阅</strong></a></div> <div style="height:85px;"> <form action="/mail/index.php" method="post"> <ul style="margin:0 0 0 13px;"> <li class="li1"> <input type="checkbox" id="ck2" name="cktypeid[2]" checked="checked"/> <a href="/manage/" target="_blank">运营</a> <input type="checkbox" id="ck3" name="cktypeid[3]" checked="checked"/> <a href="/school/" target="_blank">学院</a> [邮件订阅] </li> <li class="li1"><input name="email" type="text" size="25" value="请输入Email地址" onclick="if(this.value=='请输入Email地址') this.value='';" class="inp"/> <input type="submit" name="dosubmit" value="订阅" class="btn" /> <input type="submit" name="dologout" value="退订" class="btn" /> </li> <li class="li1"> <img src="/ui/2008/rss.gif" width="15" height="15" alt="模板RSS订阅"/> <a href="/manage/rss.xml">运营RSS订阅</a> <img src="/ui/2008/rss.gif" width="15" height="15" alt="文摘RSS订阅"/> <a href="/school/rss.xml">学院RSS订阅</a> </li> </ul> </form> </div> </div> </div> <div class="mn"> </div> </div> <div class="dsn" id="g300"> <script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <script type="text/javascript"> $('gg300').innerHTML = $('g300').innerHTML; //$('gg468').innerHTML = $('g468').innerHTML; </script> <script type="text/javascript" src="/ui/2008/content.js"></script> <script type="text/javascript" src="/school/show_js.php?itemid=7879"></script> <div style="display:none;"> <div id="member_js"><script type="text/javascript" src="http://bbs.master8.net/member.js.php"></script></div> </div> <div class="m"> <div class="b_8"> </div> <div class="footer"><div class="f_r c_p"><img src="/ui/2008/spacer.gif" height="25" width="30" title="报告错误(本页最后更新时间:2008-08-29 14:39:43)" alt="" onclick="window.location='/about/contact.html';"/><img src="/ui/2008/spacer.gif" height="25" width="30" title="告诉好友" alt="" onclick="Tell();"/><img src="/ui/2008/spacer.gif" height="25" width="40" title="返回顶部" alt="" onclick="window.scrollTo(0,0);"/></div><a href="/" target="_blank">站长吧首页</a> | <a href="/service/" target="_blank">建站服务</a> | <a href="http://www.master8.net/service/adv.html" target="_blank">广告服务</a> | <a href="http://www.master8.net/about/contact.html" target="_blank">联系方式</a> | <a href="http://www.master8.net/about/agreement.html" target="_blank">使用协议</a> | <a href="http://www.master8.net/about/copyright.html" target="_blank">版权和隐私</a> | <a href="http://www.master8.net/sitemap/index.html" target="_blank">网站地图</a> | <a href="/member/register.php" target="_blank">新会员注册</a> </div> <div class="c_b"> <div class="foot"><span class="f_r"><select onchange="if(this.value) window.location=this.value;"> <option>--快速通道--</option> <option value="/">网站首页</option> <option value="/member/">会员中心</option> <option value="http://home.master8.net/">会员列表</option> <option value="http://bbs.master8.net/">站长论坛</option> <option value="/manage/">网站运营</option> <option value="/school/">技术学院</option> <option value="/tool/">站长工具</option> <option value="/service/">建站服务</option> </select> </span> ©2005-2008 站长吧 Master8.NET All Rights Reserved 陕ICP备05010609号</div> <div class="foot c_b"><a href="http://www.hosting.czm.cn/" target="_blank" title="九州未来科技，专业的主机提供商">九州未来科技提供服务器支持</a> | <a href="http://www.hosting.czm.cn/" target="_blank" title="网站空间">网站空间</a> | <a href="http://www.hosting.czm.cn/" target="_blank" title="虚拟主机">虚拟主机</a></div> </div> <br/> </div> <script type="text/javascript" src="/ui/2008/foot.js"></script> <script type="text/javascript" src="/task.js.php?channelid=2&catid=13&itemid=7879&page=0"></script> </body> </html>