简介：在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。
1.所有的标记都必须要有一个相应的结束标记
以前在HTML中，你可以打开许多标签，例如和...
在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。
1.所有的标记都必须要有一个相应的结束标记
以前在HTML中，你可以打开许多标签，例如
和
而不一定写对应的和来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如:
2.所有标签的元素和属性的名字都必须使用小写
与HTML不一样，XHTML对大小写是敏感的，
和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如：<BODY>必须写成<body> 。大小写夹杂也是不被认可的，通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。</p>
<p>3.所有的XML标记都必须合理嵌套</p>
<p>同样因为XHTML要求有严谨的结构，因此所有的嵌套都必须按顺序，以前我们这样写的代码：<p><b></p>/b></p>
<p>必须修改为：<p><b></b>/p></p>
<p>就是说，一层一层的嵌套必须是严格对称。</p>
<p>4.所有的属性必须用引号""括起来</p>
<p>在HTML中，你可以不需要给属性值加引号，但是在XHTML中，它们必须被加引号。例如:<height=80></p>
<p>必须修改为：<height="80"></p>
<p>特殊情况，你需要在属性值里使用双引号，你可以用"，单引号可以使用'，例如：<alt="say'hello'"></p>
<p>5.把所有<和&特殊符号用编码表示</p>
<p>任何小于号（<），不是标签的一部分，都必须被编码为& l t ;</p>
<p>任何大于号（>），不是标签的一部分，都必须被编码为& g t ;</p>
<p>任何与号（&），不是实体的一部分的，都必须被编码为& a m p;</p>
<p>注：以上字符之间无空格。</p>
<p>6.给所有属性赋一个值</p>
<p>XHTML规定所有属性都必须有一个值，没有值的就重复本身。例如：<td nowrap> <input type="checkbox" name="shirt" value="medium" checked></p>
<p>必须修改为：<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked"></p>
<p>7.不要在注释内容中使“--”</p>
<p>“--”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。例如下面的代码是无效的:<!--这里是注释-----------这里是注释--></p>
<p>用等号或者空格替换内部的虚线。<!--这里是注释============这里是注释--></p>
<p>以上这些规范有的看上去比较奇怪，但这一切都是为了使我们的代码有一个统一、唯一的标准，便于以后的数据再利用。</p>
</div>
</div>
<script type="text/javascript">
function ImgZoom(Id)//重新设置图片大小 防止撑破表格
{
var w = $(Id).width;
var m = 550;
if(w < m)
{
return;
}
else
{
var h = $(Id).height;
$(Id).height = parseInt(h*m/w);
$(Id).width = m;
}
}
window.onload = function()
{
var Imgs = $("content").getElementsByTagName("img");
var i=0;
for(;i<Imgs.length;i++)
{
ImgZoom(Imgs[i]);
}
}
</script>
<!--自定义字段-->
<table width="100%" align="center" cellspacing="1" cellpadding="5" bgcolor="#cccccc">
</table>
<!--自定义字段-->
<div class="content_left_1">
<!--分页-->
<div class="td_center"></div>
<div class="content_h3">责任编辑：<a href="/member/member.php?username=admin" class="member_url">admin</a></div>
<div class="mar_10"><span class="font_1">本文引用地址：</span> <span class="border_2"><a href="http://www.3pcode.com/web/2008/04/100036.htm">http://www.3pcode.com/web/2008/04/100036.htm</a></span> </div>
<!--上下文-->
<div class="border_1" id="pre_and_next"></div> </div>
<div id="par" class="iconbox">
<form action="/mail/sendmail.php" name="sendmail" id="sendmail">
<input type="hidden" name="title" value="推荐《Web标准建站教程6-XHTML代码规范》" />
<input type="hidden" name="content" value="<a href=http://www.3pcode.com/web/2008/04/100036.htm target=_blank>Web标准建站教程6-XHTML代码规范<br/>http://www.3pcode.com/web/2008/04/100036.htm</a>" />
</form>
<a href="#comment" class="comment_icon">发表评论</a> <a href="javascript:window.external.addFavorite(window.location,'Web标准建站教程6-XHTML代码规范')" class="favorites_icon">加入收藏</a> <a href="javascript:$('sendmail').submit();" class="friend_icon">告诉好友</a> <a href="javascript:window.print();" class="print_icon">打印本页</a> <a href="javascript:window.close()" class="close_icon">关闭窗口</a> <a href="#top" class="top_icon">返回顶部</a>
</div>
<!--相关文章列表-->
<div class="cat_title">
<div class="cat_name">相关文章</div>
<div class="cat_url"><a href="#" class="more"></a></div></div>
<div>
<ul class="ListTitle"><li>
<a href="/web/2008/05/100945.htm" class="tag_title_link">使用Web标准建站第6天：XHTML代码规范</a>
</li>
<li>
<a href="/web/2008/05/100661.htm" class="tag_title_link">XHTML基础问答－给初学者</a>
</li>
<li>
<a href="/web/2008/04/99857.htm" class="tag_title_link">XHTML+CSS=网站重构</a>
</li>
<li>
<a href="/web/2008/01/96575.htm" class="tag_title_link">在Dreamweaver中使页符合XHTML</a>
</li>
<li>
<a href="/web/2007/12/95990.htm" class="tag_title_link">使用Web标准建站第5天：XHTML代码规范</a>
</li>
<li>
<a href="/web/2007/10/94017.htm" class="tag_title_link">让你的Flash Player支持XHTML解析</a>
</li>
<li>
<a href="/web/2007/08/92146.htm" class="tag_title_link">XHTML基础入门教程</a>
</li>
<li>
<a href="/web/2007/08/92103.htm" class="tag_title_link">网站设计的标准时代的XHTML+CSS教程</a>
</li>
<li>
<a href="/web/2007/08/91984.htm" class="tag_title_link">关于XHTML的简单理解</a>
</li>
<li>
<a href="/web/2007/08/91983.htm" class="tag_title_link">XHTML代码书写的规则</a>
</li>
</ul>
</div>
<script type="text/javascript" src="/comment/list_js.php?keyid=14&itemid=100036&commentnum=10&ordertype=1&title=Web%B1%EA%D7%BC%BD%A8%D5%BE%BD%CC%B3%CC6-XHTML%B4%FA%C2%EB%B9%E6%B7%B6"></script>
</div>
<div class="content_right">
<div class="div_border_2">
<div class="rightcats"><h1>最新文章</h1><h2><a href="#" class="more">更多</a></h2></div>
<div>
<ul class="ListTitle"><li> <a href="/web/2008/05/100756.htm" title="让你的超级连接做得更有个性" target="_blank" class="tag_title_link">让你的超级连接做得更有个性</a>
</li>
<li> <a href="/web/2008/05/100755.htm" title="制作网页十大诀窍" target="_blank" class="tag_title_link">制作网页十大诀窍</a>
</li>
<li> <a href="/web/2008/05/100754.htm" title="专业信息网站制作规范" target="_blank" class="tag_title_link">专业信息网站制作规范</a>
</li>
<li> <a href="/web/2008/05/100753.htm" title="几种网页制作中常用的小技巧" target="_blank" class="tag_title_link">几种网页制作中常用的小技巧</a>
</li>
<li> <a href="/web/2008/05/100726.htm" title="让你的主页更精彩" target="_blank" class="tag_title_link">让你的主页更精彩</a>
</li>
<li> <a href="/web/2008/05/100725.htm" title="Web页面设计基础" target="_blank" class="tag_title_link">Web页面设计基础</a>
</li>
<li> <a href="/web/2008/05/100724.htm" title="网页制作基本原则" target="_blank" class="tag_title_link">网页制作基本原则</a>
</li>
<li> <a href="/web/2008/05/100723.htm" title="网页设计八种陋习" target="_blank" class="tag_title_link">网页设计八种陋习</a>
</li>
<li> <a href="/web/2008/05/100722.htm" title="“画中画”效果---谈Iframe标记的使用" target="_blank" class="tag_title_link">“画中画”效果---谈Ifr...</a>
</li>
<li> <a href="/web/2008/05/100721.htm" title="网页设计中排版与布局小基础" target="_blank" class="tag_title_link">网页设计中排版与布局小基础</a>
</li>
</ul>
</div>
<div class="rightcats"><h1>推荐文章</h1><h2><a href="/web/search.php?catid=134&posid=1&search=1" class="more">更多</a></h2></div>
<div>
<ul class="ListTitle"><li> <a href="/web/2008/05/100756.htm" title="让你的超级连接做得更有个性" target="_blank" class="tag_title_link">让你的超级连接做得更有个性</a>
</li>
<li> <a href="/web/2008/05/100755.htm" title="制作网页十大诀窍" target="_blank" class="tag_title_link">制作网页十大诀窍</a>
</li>
<li> <a href="/web/2008/05/100754.htm" title="专业信息网站制作规范" target="_blank" class="tag_title_link">专业信息网站制作规范</a>
</li>
<li> <a href="/web/2008/05/100753.htm" title="几种网页制作中常用的小技巧" target="_blank" class="tag_title_link">几种网页制作中常用的小技巧</a>
</li>
<li> <a href="/web/2008/05/100726.htm" title="让你的主页更精彩" target="_blank" class="tag_title_link">让你的主页更精彩</a>
</li>
<li> <a href="/web/2008/05/100725.htm" title="Web页面设计基础" target="_blank" class="tag_title_link">Web页面设计基础</a>
</li>
<li> <a href="/web/2008/05/100724.htm" title="网页制作基本原则" target="_blank" class="tag_title_link">网页制作基本原则</a>
</li>
<li> <a href="/web/2008/05/100723.htm" title="网页设计八种陋习" target="_blank" class="tag_title_link">网页设计八种陋习</a>
</li>
<li> <a href="/web/2008/05/100722.htm" title="“画中画”效果---谈Iframe标记的使用" target="_blank" class="tag_title_link">“画中画”效果---谈Ifr...</a>
</li>
<li> <a href="/web/2008/05/100721.htm" title="网页设计中排版与布局小基础" target="_blank" class="tag_title_link">网页设计中排版与布局小基础</a>
</li>
</ul>
</div>
<div class="rightcats"><h1>热点文章</h1><h2><a href="/web/search.php?catid=134&ordertype=3&search=1" class="more">更多</a></h2></div>
<div>
<ul class="ListTitle"><li> <a href="/web/2008/04/99532.htm" title="网络广告份额激增 分食传统广告市场" target="_blank" class="tag_title_link">网络广告份额激增 分食传...</a>
</li>
<li> <a href="/web/2008/04/99533.htm" title="Web2.0创业 需要什么样的团队" target="_blank" class="tag_title_link">Web2.0创业 需要什么样的...</a>
</li>
<li> <a href="/web/2008/04/99534.htm" title="重复内容的网页将是搜索引擎对付的重点" target="_blank" class="tag_title_link">重复内容的网页将是搜索...</a>
</li>
<li> <a href="/web/2008/04/99535.htm" title="百度权威不树 站长爱恨交织" target="_blank" class="tag_title_link">百度权威不树 站长爱恨交织</a>
</li>
<li> <a href="/web/2008/04/99536.htm" title="再谈个人站点提高访问量谋略" target="_blank" class="tag_title_link">再谈个人站点提高访问量谋略</a>
</li>
<li> <a href="/web/2008/04/99537.htm" title="如何选择适合自己的网站空间？" target="_blank" class="tag_title_link">如何选择适合自己的网站...</a>
</li>
<li> <a href="/web/2008/04/99538.htm" title="必备，新手购买网站空间指南" target="_blank" class="tag_title_link">必备，新手购买网站空间指南</a>
</li>
<li> <a href="/web/2008/04/99539.htm" title="Google中国拉商家推免费排名" target="_blank" class="tag_title_link">Google中国拉商家推免费排名</a>
</li>
<li> <a href="/web/2008/04/99540.htm" title="中文域名热潮不断 抢注有疑义" target="_blank" class="tag_title_link">中文域名热潮不断 抢注有...</a>
</li>
<li> <a href="/web/2008/04/99541.htm" title="国外Blog设计趋势——优化阅读体验" target="_blank" class="tag_title_link">国外Blog设计趋势——优...</a>
</li>
</ul>
</div>
</div>
</div>
<script type="text/javascript" src="/web/show_js.php?itemid=100036"></script>
</div>
<div id="footer_new">
<a href="/link/" target="_blank">友情链接</a>
| <a href="http://www.3pcode.com/page/joinus.html" target="_blank">诚聘英才</a>
| <a href="http://www.3pcode.com/page/aboutus.html" target="_blank">关于我们</a>
| <a href="http://www.3pcode.com/page/announce.html" target="_blank">版权声明</a>
| <a href="http://www.3pcode.com/page/contactus.html" target="_blank">联系我们</a>
| <a href="http://www.3pcode.com/page/ads.html" target="_blank">广告服务</a>
<Br>
3P代码网
<script type="text/javascript" src="/stat/stat.php"></script>
<a href="http://www.miibeian.gov.cn/" target="_blank">粤ICP备05068581号</a>
</div>
<script type="text/javascript" src="/include/js/Std_StranJF.Js"></script>
<script language='javascript' src='http://utk.baidu.com/usv/uc.sv?pe=lnhwgEc94Un79yiaAyxmQacVzSA=&sn=3164&an=69358&rn=829'></script>
</body>
</html> 
