XHTML代码书写的规则-网站制作-3P代码网
【繁体中文】
【设为首页】
【加入收藏】
网站制作首页 | 网站制作技术 | Dreamweaver教程 | FrontPage教程 | Golive教程 | Flash教程 | JavaScript教程 | CSS教程 | web标准 | HTML教程 | VBScript教程 | XHTML教程 | AJAX教程 | 网页制作技巧 | 推广宣传 | 搜索引擎优化SEO | 网站视觉 | 免费资源 | 其它 | 建站指南 | 分类 | 专题 | 留言本 | 投稿 | 搜索
当前位置：网站制作首页 >> JavaScript教程 >> XHTML代码书写的规则

XHTML代码书写的规则

2007-08-15 08:00:00  作者：  来源：互联网  浏览次数：0  文字大小：【大】【中】【小】
简介：　　我们首先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。 　　1.所有的标记都必须要有一个相应的结束标记 　　以前在HTML中，你可以打开许多标签，例如和而不一定写对应...
关键字：规则 代码 XHTML

　　我们首先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。

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

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

和

  • 而不一定写对应的

    和< /li>来关闭它们。但在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.把所有<和&特殊符号用编码表示　　任何小于号（<），不是标签的一部分，都必须被编码为& 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> <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/2007/08/91983.htm">http://www.3pcode.com/web/2007/08/91983.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="推荐《XHTML代码书写的规则》" /> <input type="hidden" name="content" value="<a href=http://www.3pcode.com/web/2007/08/91983.htm target=_blank>XHTML代码书写的规则<br/>http://www.3pcode.com/web/2007/08/91983.htm</a>" /> </form> <a href="#comment" class="comment_icon">发表评论</a>　<a href="javascript:window.external.addFavorite(window.location,'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> </ul> </div> <script type="text/javascript" src="/comment/list_js.php?keyid=14&itemid=91983&commentnum=10&ordertype=1&title=XHTML%B4%FA%C2%EB%CA%E9%D0%B4%B5%C4%B9%E6%D4%F2"></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/2007/08/92210.htm" title="用js写的一个跑马灯" target="_blank" class="tag_title_link">用js写的一个跑马灯</a> </li> <li> <a href="/web/2007/08/92209.htm" title="利用JavaScript控制table中row的显示" target="_blank" class="tag_title_link">利用JavaScript控制tabl...</a> </li> <li> <a href="/web/2007/08/92208.htm" title="当鼠标移到单元格时背景变色" target="_blank" class="tag_title_link">当鼠标移到单元格时背景变色</a> </li> <li> <a href="/web/2007/08/92207.htm" title="下拉列表可以输入也可以选择" target="_blank" class="tag_title_link">下拉列表可以输入也可以选择</a> </li> <li> <a href="/web/2007/08/92206.htm" title="定时任务，js版本" target="_blank" class="tag_title_link">定时任务，js版本</a> </li> <li> <a href="/web/2007/08/92205.htm" title="网页播放器代码全集" target="_blank" class="tag_title_link">网页播放器代码全集</a> </li> <li> <a href="/web/2007/08/92204.htm" title="使用HTML实现对汉字拼音的支持" target="_blank" class="tag_title_link">使用HTML实现对汉字拼音...</a> </li> <li> <a href="/web/2007/08/92203.htm" title="通用的模式弹出窗口(适用于IE,Firefox,Opera,Netscape)" target="_blank" class="tag_title_link">通用的模式弹出窗口(适用...</a> </li> <li> <a href="/web/2007/08/92202.htm" title="无限级的JavaScript菜单(JavaScript对象)" target="_blank" class="tag_title_link">无限级的JavaScript菜单...</a> </li> <li> <a href="/web/2007/08/92201.htm" title="网页与键盘" target="_blank" class="tag_title_link">网页与键盘</a> </li> </ul> </div> <div class="rightcats"><h1>推荐文章</h1><h2><a href="/web/search.php?catid=112&posid=1&search=1" class="more">更多</a></h2></div> <div> <ul class="ListTitle"><li> <a href="/web/2007/08/92210.htm" title="用js写的一个跑马灯" target="_blank" class="tag_title_link">用js写的一个跑马灯</a> </li> <li> <a href="/web/2007/08/92209.htm" title="利用JavaScript控制table中row的显示" target="_blank" class="tag_title_link">利用JavaScript控制tabl...</a> </li> <li> <a href="/web/2007/08/92208.htm" title="当鼠标移到单元格时背景变色" target="_blank" class="tag_title_link">当鼠标移到单元格时背景变色</a> </li> <li> <a href="/web/2007/08/92207.htm" title="下拉列表可以输入也可以选择" target="_blank" class="tag_title_link">下拉列表可以输入也可以选择</a> </li> <li> <a href="/web/2007/08/92206.htm" title="定时任务，js版本" target="_blank" class="tag_title_link">定时任务，js版本</a> </li> <li> <a href="/web/2007/08/92205.htm" title="网页播放器代码全集" target="_blank" class="tag_title_link">网页播放器代码全集</a> </li> <li> <a href="/web/2007/08/92204.htm" title="使用HTML实现对汉字拼音的支持" target="_blank" class="tag_title_link">使用HTML实现对汉字拼音...</a> </li> <li> <a href="/web/2007/08/92203.htm" title="通用的模式弹出窗口(适用于IE,Firefox,Opera,Netscape)" target="_blank" class="tag_title_link">通用的模式弹出窗口(适用...</a> </li> <li> <a href="/web/2007/08/92202.htm" title="无限级的JavaScript菜单(JavaScript对象)" target="_blank" class="tag_title_link">无限级的JavaScript菜单...</a> </li> <li> <a href="/web/2007/08/92201.htm" title="网页与键盘" target="_blank" class="tag_title_link">网页与键盘</a> </li> </ul> </div> <div class="rightcats"><h1>热点文章</h1><h2><a href="/web/search.php?catid=112&ordertype=3&search=1" class="more">更多</a></h2></div> <div> <ul class="ListTitle"> </ul> </div> </div> </div> <script type="text/javascript" src="/web/show_js.php?itemid=91983"></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>