当前位置：网站制作首页 >> 网站制作技术 >> 第6天:XHTML代码规范

第6天:XHTML代码规范

2008-09-15 08:00:00 作者：来源：互联网浏览次数：0 文字大小：【大】【中】【小】

简介：　　在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。 1.所有的标记都必须要有一个相应的结束标记以前在HTML中，你可以打开许多标签，例...

关键字：规范代码 XHTML

在开始正式内容制作之前，我们必须先了解一下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/09/82527.htm">http://www.3pcode.com/web/2008/09/82527.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="推荐《第6天:XHTML代码规范》" /> <input type="hidden" name="content" value="<a href=http://www.3pcode.com/web/2008/09/82527.htm target=_blank>第6天:XHTML代码规范<br/>http://www.3pcode.com/web/2008/09/82527.htm</a>" /> </form> <a href="#comment" class="comment_icon">发表评论</a>　<a href="javascript:window.external.addFavorite(window.location,'第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/100036.htm" class="tag_title_link">Web标准建站教程6-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=82527&commentnum=10&ordertype=1&title=%B5%DA6%CC%EC%3AXHTML%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/09/82532.htm" title="第1天:选择什么样的DOCTYPE" target="_blank" class="tag_title_link">第1天:选择什么样的DOCTYPE</a> </li> <li> <a href="/web/2008/09/82531.htm" title="第2天:什么是名字空间" target="_blank" class="tag_title_link">第2天:什么是名字空间</a> </li> <li> <a href="/web/2008/09/82530.htm" title="第3天:定义语言编码" target="_blank" class="tag_title_link">第3天:定义语言编码</a> </li> <li> <a href="/web/2008/09/82529.htm" title="第4天:调用样式表" target="_blank" class="tag_title_link">第4天:调用样式表</a> </li> <li> <a href="/web/2008/09/82528.htm" title="第5天:head区的其他设置" target="_blank" class="tag_title_link">第5天:head区的其他设置</a> </li> <li> <a href="/web/2008/09/82527.htm" title="第6天:XHTML代码规范" target="_blank" class="tag_title_link">第6天:XHTML代码规范</a> </li> <li> <a href="/web/2008/09/82526.htm" title="第7天:CSS入门" target="_blank" class="tag_title_link">第7天:CSS入门</a> </li> <li> <a href="/web/2008/09/82525.htm" title="第8天:CSS布局入门" target="_blank" class="tag_title_link">第8天:CSS布局入门</a> </li> <li> <a href="/web/2008/09/82524.htm" title="第9天:第一个CSS布局实例" target="_blank" class="tag_title_link">第9天:第一个CSS布局实例</a> </li> <li> <a href="/web/2008/09/82523.htm" title="第10天:自适应高度" target="_blank" class="tag_title_link">第10天:自适应高度</a> </li> </ul> </div> <div class="rightcats"><h1>推荐文章</h1><h2><a href="/web/search.php?catid=88&posid=1&search=1" class="more">更多</a></h2></div> <div> <ul class="ListTitle"><li> <a href="/web/2008/09/82532.htm" title="第1天:选择什么样的DOCTYPE" target="_blank" class="tag_title_link">第1天:选择什么样的DOCTYPE</a> </li> <li> <a href="/web/2008/09/82531.htm" title="第2天:什么是名字空间" target="_blank" class="tag_title_link">第2天:什么是名字空间</a> </li> <li> <a href="/web/2008/09/82530.htm" title="第3天:定义语言编码" target="_blank" class="tag_title_link">第3天:定义语言编码</a> </li> <li> <a href="/web/2008/09/82529.htm" title="第4天:调用样式表" target="_blank" class="tag_title_link">第4天:调用样式表</a> </li> <li> <a href="/web/2008/09/82528.htm" title="第5天:head区的其他设置" target="_blank" class="tag_title_link">第5天:head区的其他设置</a> </li> <li> <a href="/web/2008/09/82527.htm" title="第6天:XHTML代码规范" target="_blank" class="tag_title_link">第6天:XHTML代码规范</a> </li> <li> <a href="/web/2008/09/82526.htm" title="第7天:CSS入门" target="_blank" class="tag_title_link">第7天:CSS入门</a> </li> <li> <a href="/web/2008/09/82525.htm" title="第8天:CSS布局入门" target="_blank" class="tag_title_link">第8天:CSS布局入门</a> </li> <li> <a href="/web/2008/09/82524.htm" title="第9天:第一个CSS布局实例" target="_blank" class="tag_title_link">第9天:第一个CSS布局实例</a> </li> <li> <a href="/web/2008/09/82523.htm" title="第10天:自适应高度" target="_blank" class="tag_title_link">第10天:自适应高度</a> </li> </ul> </div> <div class="rightcats"><h1>热点文章</h1><h2><a href="/web/search.php?catid=88&ordertype=3&search=1" class="more">更多</a></h2></div> <div> <ul class="ListTitle"><li> <a href="/web/2008/04/81966.htm" title="知道吗？Windows运行原来还能做很多事" target="_blank" class="tag_title_link">知道吗？Windows运行原来...</a> </li> <li> <a href="/web/2008/04/81967.htm" title="个人网页中必不可少的十五大Web API" target="_blank" class="tag_title_link">个人网页中必不可少的十...</a> </li> <li> <a href="/web/2008/04/81968.htm" title="支招解决:网站本机无法访问故障" target="_blank" class="tag_title_link">支招解决:网站本机无法访...</a> </li> <li> <a href="/web/2008/04/81969.htm" title="网页制作中九种用途特效按钮的代码" target="_blank" class="tag_title_link">网页制作中九种用途特效...</a> </li> <li> <a href="/web/2008/04/81970.htm" title="Office文档恢复功能的一些基本知识" target="_blank" class="tag_title_link">Office文档恢复功能的一...</a> </li> <li> <a href="/web/2008/04/81971.htm" title="Windows操作系统无法上网问题解决方法" target="_blank" class="tag_title_link">Windows操作系统无法上网...</a> </li> <li> <a href="/web/2008/04/81972.htm" title="网页中时间和日期的各种格式的特效代码" target="_blank" class="tag_title_link">网页中时间和日期的各种...</a> </li> <li> <a href="/web/2008/04/81973.htm" title="玩转视频暴风影音高级技巧3则" target="_blank" class="tag_title_link">玩转视频暴风影音高级技...</a> </li> <li> <a href="/web/2008/04/81974.htm" title="Windows Vista系统中音乐文件夹变黄了怎么办？" target="_blank" class="tag_title_link">Windows Vista系统中音乐...</a> </li> <li> <a href="/web/2008/04/81975.htm" title="利用Winsock LSP修复Vista网络" target="_blank" class="tag_title_link">利用Winsock LSP修复Vis...</a> </li> </ul> </div> </div> </div> <script type="text/javascript" src="/web/show_js.php?itemid=82527"></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>