网站首页 > 网页设计教程 > WEB标准化 > WEB标准教程第6天:XHTML代码规范

WEB标准教程第6天:XHTML代码规范

  • 作者:互联网
  • 时间:2009-05-31 00:36:17

  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 />   <br />   用等号或者空格替换内部的虚线。</p> <p>  <!--这里是注释============这里是注释--> </p> <p>  以上这些规范有的看上去比较奇怪,但这一切都是为了使我们的代码有一个统一、唯一的标准,便于以后的数据再利用。</p> </div> <div class="news-detail-ft"> <p> <span>上一篇:</span> <a href="/wz/976.html" target="_blank">WEB标准教程第5天:head区的其他设置</a> </p> <p> <span>下一篇:</span> <a href="/wz/978.html" target="_blank">WEB标准教程第7天:CSS入门</a> </p> </div> </div> <div class="conbox switch_template"> <div class="block-title3"> <h3 class="title active"><b>相关阅读</b></h3> <h3 class="title"><b>最新文章</b></h3> </div> <div class="news-list3"> <ul class="active"> <li> <a class="tit" href="/wz/975.html" target="_blank">WEB标准教程第4天:调用样式表</a> <span class="time">2009-05-31</span> </li> <li> <a class="tit" href="/wz/978.html" target="_blank">WEB标准教程第7天:CSS入门</a> <span class="time">2009-05-31</span> </li> <li> <a class="tit" href="/wz/921.html" target="_blank">WEB标准教程第10天:自适应高度</a> <span class="time">2009-05-31</span> </li> <li> <a class="tit" href="/wz/974.html" target="_blank">WEB标准教程第3天:定义语言编码</a> <span class="time">2009-05-31</span> </li> <li> <a class="tit" href="/wz/979.html" target="_blank">WEB标准教程第8天:CSS布局入门</a> <span class="time">2009-05-31</span> </li> <li> <a class="tit" href="/wz/969.html" target="_blank">WEB标准教程第1天:选择什么样的DOCTYPE</a> <span class="time">2009-05-31</span> </li> </ul> <ul> <li> <a class="tit" href="/wz/10941.html" target="_blank">悟道web标准:前端性能优化</a> <span class="time">2009-11-18</span> </li> <li> <a class="tit" href="/wz/10321.html" target="_blank">悟道Web标准:让W3C标准兼容终端</a> <span class="time">2009-10-15</span> </li> <li> <a class="tit" href="/wz/10320.html" target="_blank">悟道WEB标准:统一思想,遵循标准</a> <span class="time">2009-10-15</span> </li> <li> <a class="tit" href="/wz/4839.html" target="_blank">使用Web标准建站之调用样式表</a> <span class="time">2009-06-20</span> </li> <li> <a class="tit" href="/wz/2562.html" target="_blank">符合WEB标准 CSS也要语义化</a> <span class="time">2009-06-06</span> </li> <li> <a class="tit" href="/wz/1777.html" target="_blank">图示:DivCSS初学者应该知道的十种技巧和对Web标准的理解</a> <span class="time">2009-06-01</span> </li> </ul> </div> </div> <!-- 人气下载推荐 --> <div class="conbox"> <div class="block-title3"> <h3 class="title"><b>人气下载推荐</b></h3> </div> <div class="soft-list hot"> <ul> <li> <a href="/app/182231.html" title="世界World2怀旧版"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed31d3c03da1.png" alt="世界World2怀旧版"> <div class="tit">世界World2怀旧版</div> <div class="btn">查 看</div> </a> </li> <li> <a href="/app/182232.html" title="印度尼西亚巴士模拟器"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed31ded9b861.png" alt="印度尼西亚巴士模拟器"> <div class="tit">印度尼西亚巴士模拟器</div> <div class="btn">查 看</div> </a> </li> <li> <a href="/app/182233.html" title="弓箭大战"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed31f3f109c1.jpg" alt="弓箭大战"> <div class="tit">弓箭大战</div> <div class="btn">查 看</div> </a> </li> <li> <a href="/app/182237.html" title="中年约探附近聊app"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed3616101011.png" alt="中年约探附近聊app"> <div class="tit">中年约探附近聊app</div> <div class="btn">查 看</div> </a> </li> <li> <a href="/app/182238.html" title="麻画影视app"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed3619672051.png" alt="麻画影视app"> <div class="tit">麻画影视app</div> <div class="btn">查 看</div> </a> </li> <li> <a href="/app/182236.html" title="红火剧场app"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed34c54f0a91.png" alt="红火剧场app"> <div class="tit">红火剧场app</div> <div class="btn">查 看</div> </a> </li> <li> <a href="/app/182235.html" title="哈基米app"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed329f479a81.png" alt="哈基米app"> <div class="tit">哈基米app</div> <div class="btn">查 看</div> </a> </li> <li> <a href="/app/182234.html" title="假面骑士巅峰乱斗中文版"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed31ff6a5021.jpg" alt="假面骑士巅峰乱斗中文版"> <div class="tit">假面骑士巅峰乱斗中文版</div> <div class="btn">查 看</div> </a> </li> <li> <a href="/app/182216.html" title="茂林源记最新版本"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed31197a1de1.jpg" alt="茂林源记最新版本"> <div class="tit">茂林源记最新版本</div> <div class="btn">查 看</div> </a> </li> <li> <a href="/app/182185.html" title="派对搭啦碰"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed2faf5f46f1.png" alt="派对搭啦碰"> <div class="tit">派对搭啦碰</div> <div class="btn">查 看</div> </a> </li> <li> <a href="/app/182165.html" title="战斗圆盘手机版"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed2e4dc762f1.png" alt="战斗圆盘手机版"> <div class="tit">战斗圆盘手机版</div> <div class="btn">查 看</div> </a> </li> <li> <a href="/app/182141.html" title="时尚少女最新版"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed2cddb64ea1.jpg" alt="时尚少女最新版"> <div class="tit">时尚少女最新版</div> <div class="btn">查 看</div> </a> </li> <li> <a href="/app/181976.html" title="永辉生活"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240919/logo_66ebdb3105fef1.jpg" alt="永辉生活"> <div class="tit">永辉生活</div> <div class="btn">查 看</div> </a> </li> <li> <a href="/app/181977.html" title="饥饿鲨进化手机版"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240919/logo_66ebdb3b5897f1.jpg" alt="饥饿鲨进化手机版"> <div class="tit">饥饿鲨进化手机版</div> <div class="btn">查 看</div> </a> </li> </ul> </div> </div> </div> <div class="content-r fr"> <!-- 相关应用 --> <div class="conbox"> <div class="block-title3"> <h3 class="title red">相关应用</h3> </div> <div class="soft-list2"> <a class="item" href="/download/4550.html"> <img class="pic" lazy-src="/index/images/80_80.png" alt="精通CSS高级web标准解决方案"> <div class="tit">精通CSS高级web标准解决方案</div> <div class="txt">网页制作</div> <div class="txt">2009-05-29</div> <div class="btn">查看</div> </a> <a class="item" href="/download/4547.html"> <img class="pic" lazy-src="/index/images/80_80.png" alt="WEB标准与网站重构(PDF)"> <div class="tit">WEB标准与网站重构(PDF)</div> <div class="txt">网页制作</div> <div class="txt">2009-05-29</div> <div class="btn">查看</div> </a> </div> </div> <!-- 热门文章 --> <div class="conbox"> <div class="block-title3"> <h3 class="title red">热门文章</h3> </div> <div class="news-list2"> <ul> <li> <a class="tit" href="/wz/983.html" target="_blank">学习Div+CSS从何入手技术</a> </li> <li> <a class="tit" href="/wz/982.html" target="_blank">CSS网页标准制作关于网页表单语义结构实例</a> </li> <li> <a class="tit" href="/wz/981.html" target="_blank">符合WEB标准的滚动文字特效的实现方法</a> </li> <li> <a class="tit" href="/wz/980.html" target="_blank">WEB标准教程第9天:第一个CSS布局实例</a> </li> <li> <a class="tit" href="/wz/979.html" target="_blank">WEB标准教程第8天:CSS布局入门</a> </li> <li> <a class="tit" href="/wz/975.html" target="_blank">WEB标准教程第4天:调用样式表</a> </li> <li> <a class="tit" href="/wz/974.html" target="_blank">WEB标准教程第3天:定义语言编码</a> </li> <li> <a class="tit" href="/wz/973.html" target="_blank">WEB标准教程第2天:什么是名字空间</a> </li> <li> <a class="tit" href="/wz/972.html" target="_blank">采访Eric Meyer的10个问题</a> </li> <li> <a class="tit" href="/wz/971.html" target="_blank">CSS比表格更难吗?</a> </li> </ul> </div> </div> <!-- 推荐游戏 --> <div class="conbox posbox js-change"> <div class="block-title3"> <h3 class="title red">推荐游戏</h3> <span class="btn btn-change">换一换</span> </div> <div class="soft-list like js-tab-cont on"> <ul> <li> <a class="item" href="/app/182195.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed30298816f1.png" alt="IdleArmyBase"> </div> <div class="tit">IdleArmyBase</div> </a> </li> <li> <a class="item" href="/app/182196.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed3033bf8ef1.jpg" alt="毛毛球2"> </div> <div class="tit">毛毛球2</div> </a> </li> <li> <a class="item" href="/app/182197.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed303fc632f1.jpg" alt="我叫钓鱼侠"> </div> <div class="tit">我叫钓鱼侠</div> </a> </li> <li> <a class="item" href="/app/182198.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed3049cd9e11.jpg" alt="掌门太忙最新版"> </div> <div class="tit">掌门太忙最新版</div> </a> </li> <li> <a class="item" href="/app/182199.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed30545217d1.jpg" alt="毛毛球"> </div> <div class="tit">毛毛球</div> </a> </li> <li> <a class="item" href="/app/182200.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed305ee6da91.jpg" alt="抖个大包袱甄嬛传"> </div> <div class="tit">抖个大包袱甄嬛传</div> </a> </li> <li> <a class="item" href="/app/182201.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed306b1f0171.jpg" alt="口香糖女孩最新版本"> </div> <div class="tit">口香糖女孩最新版本</div> </a> </li> <li> <a class="item" href="/app/182202.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed3076208361.png" alt="死亡黎明手游"> </div> <div class="tit">死亡黎明手游</div> </a> </li> <li> <a class="item" href="/app/182203.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed3080bedca1.png" alt="侦探小画家经营版"> </div> <div class="tit">侦探小画家经营版</div> </a> </li> </ul> </div> <div class="soft-list like js-tab-cont"> <ul> <li> <a class="item" href="/app/182204.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed30953e0831.png" alt="火影战记完结版"> </div> <div class="tit">火影战记完结版</div> </a> </li> <li> <a class="item" href="/app/182205.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed309fb60491.png" alt="坍塌世界"> </div> <div class="tit">坍塌世界</div> </a> </li> <li> <a class="item" href="/app/182206.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed30ab870551.png" alt="汽车驾驶模拟器22"> </div> <div class="tit">汽车驾驶模拟器22</div> </a> </li> <li> <a class="item" href="/app/182207.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed30b63fed41.png" alt="摇摆龙"> </div> <div class="tit">摇摆龙</div> </a> </li> <li> <a class="item" href="/app/182208.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed30c0e79091.jpg" alt="暴力飞车最新版"> </div> <div class="tit">暴力飞车最新版</div> </a> </li> <li> <a class="item" href="/app/182209.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed30cbef86a1.png" alt="粘液实验室手机版"> </div> <div class="tit">粘液实验室手机版</div> </a> </li> <li> <a class="item" href="/app/182210.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed30d702bc61.png" alt="战车撞僵尸地牢手机版"> </div> <div class="tit">战车撞僵尸地牢手机版</div> </a> </li> <li> <a class="item" href="/app/182211.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed30e14c0391.png" alt="别踩白萝卜"> </div> <div class="tit">别踩白萝卜</div> </a> </li> <li> <a class="item" href="/app/182212.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed30ed364131.png" alt="闲置要塞正版"> </div> <div class="tit">闲置要塞正版</div> </a> </li> </ul> </div> <div class="soft-list like js-tab-cont"> <ul> <li> <a class="item" href="/app/182213.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed30f7ed42d1.png" alt="现场谋杀案清洁工"> </div> <div class="tit">现场谋杀案清洁工</div> </a> </li> <li> <a class="item" href="/app/182214.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed3102de58b1.png" alt="太阳系争夺战3中文版"> </div> <div class="tit">太阳系争夺战3中文版</div> </a> </li> <li> <a class="item" href="/app/182215.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed310dcd8961.png" alt="BrutalStrike"> </div> <div class="tit">BrutalStrike</div> </a> </li> <li> <a class="item" href="/app/182217.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed3122a2d3e1.png" alt="向日葵短剧app"> </div> <div class="tit">向日葵短剧app</div> </a> </li> <li> <a class="item" href="/app/182218.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed31242f1f81.png" alt="假面骑士甲斗王腰带模拟器豪华版"> </div> <div class="tit">假面骑士甲斗王腰带模拟器豪华版</div> </a> </li> <li> <a class="item" href="/app/182219.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed31250b5341.png" alt="蔗糖之夜app"> </div> <div class="tit">蔗糖之夜app</div> </a> </li> <li> <a class="item" href="/app/182220.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed313a74fd91.png" alt="野蛮打击正版"> </div> <div class="tit">野蛮打击正版</div> </a> </li> <li> <a class="item" href="/app/182221.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed314491af01.png" alt="假面骑士甲斗王腰带模拟器中文版"> </div> <div class="tit">假面骑士甲斗王腰带模拟器中文版</div> </a> </li> <li> <a class="item" href="/app/182222.html"> <div class="pic-wrap"> <img class="pic" lazy-src="https://images.downcodes.com/uploads/20240920/logo_66ed315017b131.png" alt="RavenswordShadowlands"> </div> <div class="tit">RavenswordShadowlands</div> </a> </li> </ul> </div> </div> </div> </div> </div> <div class="footer"> <div id="copyright"> <a href="javascript:void(0)" >关于本站</a> |  <a href="javascript:void(0)" >版权声明</a>  | <a href="javascript:void(0)" >合作联系</a> | <a href="/download/allcategory.html" >网站地图</a> |  <a href="javascript:void(0)" >帮助中心</a>  <br/> Copyright © 2006-2024 downcodes.com |联系:ymdowncodes@163.com   <p class="text_info"><a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">湘ICP备2022016001号-1</a></p><br /> </div> </div> <div class="back-top" id="backTop"><i class="icon icon-totop"></i></div> </div> <script type="text/javascript" src="/index/js/base.js"></script> <script type="text/javascript" src="/index/js/lazy.js"></script> <script type="text/javascript"> $(".switch_template .block-title3 .title").hover(function(){ var className = $(this).attr("class"); var index = $(this).index(); if(className.indexOf("active") < 0){ $(this).addClass("active").siblings().removeClass("active") $(this).parent().next().find("ul").eq(index).addClass("active").siblings().removeClass("active") } }) seajs.use('common', function(fn) { fn.init({}); fn.newsDetail(); }) </script> <div style="display:none;"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?3fb2e807f8eede5f018d457448d4759a"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div></body> </html>