最火下载站首页
手机版
最火下载站
关注公众号
最火下载站

当前位置:首页 > 网络知识 > Web前端 > Html/css> 使用Web标准建站第5天:XHTML代码规范

使用Web标准建站第5天:XHTML代码规范

文章作者:网友投稿 发布时间:2008-11-19 来源:网络

在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。

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

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

  • 而不一定写对应的

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


    网页设计师

    2.所有标签的元素和属性的名字都必须使用小写

    与HTML不一样,XHTML对大小写是敏感的,和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如:<BODY>必须写成<body> 。大小写夹杂也是不被认可的,通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。 </p> <p style="TEXT-INDENT: 2em">3.所有的XML标记都必须合理嵌套 </p> <p style="TEXT-INDENT: 2em">同样因为XHTML要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码: </p> <p style="TEXT-INDENT: 2em"><p><b></p>/b> </p> <p style="TEXT-INDENT: 2em">必须修改为: </p> <p style="TEXT-INDENT: 2em"><p><b></b></p> </p> <p style="TEXT-INDENT: 2em">就是说,一层一层的嵌套必须是严格对称。 </p> <p style="TEXT-INDENT: 2em">4.所有的属性必须用引号""括起来 </p> <p style="TEXT-INDENT: 2em">在HTML中,你可以不需要给属性值加引号,但是在XHTML中,它们必须被加引号。例如: </p> <p style="TEXT-INDENT: 2em"><height=80> </p> <p style="TEXT-INDENT: 2em">必须修改为: </p> <p style="TEXT-INDENT: 2em"><height="80"> </p> <p style="TEXT-INDENT: 2em">特殊情况,你需要在属性值里使用双引号,你可以用",单引号可以使用',例如: </p> <p style="TEXT-INDENT: 2em"><alt="say'hello'"> </p> <p style="TEXT-INDENT: 2em">5.把所有<和&特殊符号用编码表示 </p> <p style="TEXT-INDENT: 2em">任何小于号(<),不是标签的一部分,都必须被编码为& l t ; </p> <p style="TEXT-INDENT: 2em">任何大于号(>),不是标签的一部分,都必须被编码为& g t ; </p> <p style="TEXT-INDENT: 2em">任何与号(&),不是实体的一部分的,都必须被编码为& a m p; </p> <p style="TEXT-INDENT: 2em">注:以上字符之间无空格。 </p> <p style="TEXT-INDENT: 2em">6.给所有属性赋一个值 </p> <p style="TEXT-INDENT: 2em">XHTML规定所有属性都必须有一个值,没有值的就重复本身。例如: </p> <p style="TEXT-INDENT: 2em"><td nowrap> <input type="checkbox" name="shirt" value="medium" checked> </p> <p style="TEXT-INDENT: 2em">必须修改为: </p> <p style="TEXT-INDENT: 2em"><td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked"> </p> <p style="TEXT-INDENT: 2em">7.不要在注释内容中使“--” </p> <p style="TEXT-INDENT: 2em">“--”只能发生在XHTML注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的: </p> <p style="TEXT-INDENT: 2em"><!--这里是注释-----------这里是注释--> </p> <p style="TEXT-INDENT: 2em">用等号或者空格替换内部的虚线。 </p> <p style="TEXT-INDENT: 2em"><!--这里是注释============这里是注释--> </p> <p style="TEXT-INDENT: 2em">以上这些规范有的看上去比较奇怪,但这一切都是为了使我们的代码有一个统一、唯一的标准,便于以后的数据再利用。</p> </div> <!-- 上一篇和下一篇 --> <div style="color:red;margin-top:30px"> <p style="height: 30px;">上一篇: <a href="/a/view/2751.html" title="">解决用CSS控制DIV居中失效的问题</a> </p> <p style="height: 30px;">下一篇: <a href="/a/view/2894.html" title="">CSS样式实现表格行鼠标滑过高亮显示</a> </p> </div> </div> <!--相关文章--> <!-- <div class="m-pd"> <h2 class="mr-title">相关文章</h2> <div class="sp-box"> <div class="swiper-container"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> </div> </div> --> <!--相关文章end--> <!--网友评论--> <div class="m-pd "> <input type="hidden" value="2834" id="aid"> <h2 class="mr-title"><span class="f-r count">共有<i class="num">0</i>条评论</span>网友评论 </h2> <div class="pl-box" data-id="168613" data-model="document"> <form> <div class="pl-t"> <textarea class="pl-txta" placeholder="简单评论下吧..." id="saytext" name="saytext"></textarea> </div> <div class="pl-cz"> <span class="emotion express f-l"></span> <input type="button" value="评论" class="pl-btn f-r" /> </div> </form> </div> <div class="pl_cont"> </div> </div> <!--网友评论end--> </div> <!-- 内容右侧 --> <div class="m-r f-r"> <!-- 安卓最新 --> <div class="sbox"> <h2 class="mr-title">最新安卓软件</h2> <ul class="list"> <li> <span class="num">1</span> <a href="/down/html/226396.html" class="txt">禾健康 V6.9.0 安卓版</a> </li> <li> <span class="num">2</span> <a href="/down/html/226391.html" class="txt">天天爱彩票 v1.9.1 安卓版</a> </li> <li> <span class="num">3</span> <a href="/down/html/226388.html" class="txt">积糖 v1.0.0 安卓版</a> </li> <li> <span class="num">4</span> <a href="/down/html/226387.html" class="txt">剑侠世界2 v1.4.9279 安卓版</a> </li> <li> <span class="num">5</span> <a href="/down/html/226354.html" class="txt">Polaris Office v7.3.19 安卓版</a> </li> <li> <span class="num">6</span> <a href="/down/html/226364.html" class="txt">猫和老鼠 v6.0.0 安卓版</a> </li> <li> <span class="num">7</span> <a href="/down/html/226369.html" class="txt">21cn邮箱 v5.6.0 安卓版</a> </li> <li> <span class="num">8</span> <a href="/down/html/226370.html" class="txt">乐克棋牌 v1.2.0 安卓版</a> </li> <li> <span class="num">9</span> <a href="/down/html/226358.html" class="txt">滴滴棋牌 v2.1 安卓版</a> </li> <li> <span class="num">10</span> <a href="/down/html/226351.html" class="txt">女神联盟2 v1.1.3.27 安卓版</a> </li> </ul> </div> <!--排行榜--> <div class="sbox a-detail-rank"> <h2 class="mr-title">游戏排行榜</h2> <dl class="rank-main"> <dd> <ul> <li> <div class="show"> <em class="nub">1</em> <a href="/down/html/226391.html" title="天天爱彩票" target="_blank"><img class="lazy"src="//pic.veryhuo.com/upload/soft/20191112/2a71b7a1ec282794dada5c8a6cebd8c7.png" alt="天天爱彩票"></a> <div class="info"> <a href="/down/html/226391.html" target="_blank" title="天天爱彩票">天天爱彩票</a> <span class="cata">类型:彩票软件</span> </div> </div> <div class="hide"> <em class="nub">1</em> <a href="/down/html/226391.html" target="_blank" title="天天爱彩票">天天爱彩票 v1.9.1 安卓版</a> </div> </li> <li> <div class="show"> <em class="nub">2</em> <a href="/down/html/226387.html" title="剑侠世界2" target="_blank"><img class="lazy"src="//pic.veryhuo.com/upload/soft/20191112/7671be3a483063001d0613436305198d.jpg" alt="剑侠世界2"></a> <div class="info"> <a href="/down/html/226387.html" target="_blank" title="剑侠世界2">剑侠世界2</a> <span class="cata">类型:网游专区</span> </div> </div> <div class="hide"> <em class="nub">2</em> <a href="/down/html/226387.html" target="_blank" title="剑侠世界2">剑侠世界2 v1.4.9279 安卓版</a> </div> </li> <li> <div class="show"> <em class="nub">3</em> <a href="/down/html/226364.html" title="猫和老鼠" target="_blank"><img class="lazy"src="//pic.veryhuo.com/upload/soft/20191111/bc5eb1d68fb33c50d64f5a42bd5916d7.png" alt="猫和老鼠"></a> <div class="info"> <a href="/down/html/226364.html" target="_blank" title="猫和老鼠">猫和老鼠</a> <span class="cata">类型:休闲益智</span> </div> </div> <div class="hide"> <em class="nub">3</em> <a href="/down/html/226364.html" target="_blank" title="猫和老鼠">猫和老鼠 v6.0.0 安卓版</a> </div> </li> <li> <div class="show"> <em class="nub">4</em> <a href="/down/html/226370.html" title="乐克棋牌" target="_blank"><img class="lazy"src="//pic.veryhuo.com/upload/soft/20191111/6e428cfc7388e5e8f835364fe9c1d7a6.png" alt="乐克棋牌"></a> <div class="info"> <a href="/down/html/226370.html" target="_blank" title="乐克棋牌">乐克棋牌</a> <span class="cata">类型:棋牌桌游</span> </div> </div> <div class="hide"> <em class="nub">4</em> <a href="/down/html/226370.html" target="_blank" title="乐克棋牌">乐克棋牌 v1.2.0 安卓版</a> </div> </li> <li> <div class="show"> <em class="nub">5</em> <a href="/down/html/226358.html" title="滴滴棋牌" target="_blank"><img class="lazy"src="//pic.veryhuo.com/upload/soft/20191111/863ce735db399a8f70813d3d2f08ec3d.png" alt="滴滴棋牌"></a> <div class="info"> <a href="/down/html/226358.html" target="_blank" title="滴滴棋牌">滴滴棋牌</a> <span class="cata">类型:棋牌桌游</span> </div> </div> <div class="hide"> <em class="nub">5</em> <a href="/down/html/226358.html" target="_blank" title="滴滴棋牌">滴滴棋牌 v2.1 安卓版</a> </div> </li> <li> <div class="show"> <em class="nub">6</em> <a href="/down/html/226351.html" title="女神联盟2" target="_blank"><img class="lazy"src="//pic.veryhuo.com/upload/soft/20191111/ded548783f11fcbc6752f847b78c3b75.jpg" alt="女神联盟2"></a> <div class="info"> <a href="/down/html/226351.html" target="_blank" title="女神联盟2">女神联盟2</a> <span class="cata">类型:网游专区</span> </div> </div> <div class="hide"> <em class="nub">6</em> <a href="/down/html/226351.html" target="_blank" title="女神联盟2">女神联盟2 v1.1.3.27 安卓版</a> </div> </li> <li> <div class="show"> <em class="nub">7</em> <a href="/down/html/226353.html" title="好彩票" target="_blank"><img class="lazy"src="//pic.veryhuo.com/upload/soft/20191111/41b1290608fde33bf815cb2c6fa5b61e.jpg" alt="好彩票"></a> <div class="info"> <a href="/down/html/226353.html" target="_blank" title="好彩票">好彩票</a> <span class="cata">类型:彩票软件</span> </div> </div> <div class="hide"> <em class="nub">7</em> <a href="/down/html/226353.html" target="_blank" title="好彩票">好彩票 v6.21 安卓版</a> </div> </li> <li> <div class="show"> <em class="nub">8</em> <a href="/down/html/226341.html" title="6合宝典" target="_blank"><img class="lazy"src="//pic.veryhuo.com/upload/soft/20191021/5058da6d27bea7d5e77a3403fe03b3bc.png" alt="6合宝典"></a> <div class="info"> <a href="/down/html/226341.html" target="_blank" title="6合宝典">6合宝典</a> <span class="cata">类型:彩票软件</span> </div> </div> <div class="hide"> <em class="nub">8</em> <a href="/down/html/226341.html" target="_blank" title="6合宝典">6合宝典 v1.0.0 安卓版</a> </div> </li> </ul> </dd> </dl> </div> <!--排行榜end--> <!--热荐资讯--> <div class="sbox"> <h2 class="mr-title">热荐资讯</h2> <ul class="list"> <li> <span class="num">1</span> <a href="/a/view/161114.html" class="txt">快手直播伴侣苹果版安装说明</a> </li> <li> <span class="num">2</span> <a href="/a/view/161128.html" class="txt">快手直播伴侣苹果ios版使用教程</a> </li> <li> <span class="num">3</span> <a href="/a/view/201110.html" class="txt">趣步链赚钱是真的假的 趣步是合法的吗</a> </li> <li> <span class="num">4</span> <a href="/a/view/154287.html" class="txt">TeamViewer获取注册码(激活许可证)方法</a> </li> <li> <span class="num">5</span> <a href="/a/view/192230.html" class="txt">快手时光机怎么用 快手时光机在哪里</a> </li> <li> <span class="num">6</span> <a href="/a/view/172638.html" class="txt">腾讯视频会员免费领七天教程</a> </li> <li> <span class="num">7</span> <a href="/a/view/103081.html" class="txt">税控开票软件金税盘版使用教程与常见问题</a> </li> <li> <span class="num">8</span> <a href="/a/view/188598.html" class="txt">2018哪个APP看书最全免费 看小说的APP哪个好</a> </li> <li> <span class="num">9</span> <a href="/a/view/122830.html" class="txt">交管12123取消考试操作方法</a> </li> <li> <span class="num">10</span> <a href="/a/view/122826.html" class="txt">交管12123app预约考试图文教程</a> </li> </ul> </div> <!--热荐资讯end--> <!--最新资讯--> <div class="sbox"> <h2 class="mr-title">最新资讯</h2> <ul class="list"> <li> <span class="num">1</span> <a href="/a/view/226363.html" class="txt">Apple Watch应用程序新增遥控器功能</a> </li> <li> <span class="num">2</span> <a href="/a/view/226052.html" class="txt">进击北极圈!斗鱼24小时直播北极极地风光</a> </li> <li> <span class="num">3</span> <a href="/a/view/214221.html" class="txt">一甜相机火花滤镜在哪里? 一甜相机怎么用</a> </li> <li> <span class="num">4</span> <a href="/a/view/215925.html" class="txt">QQ亲密关系在哪设置?手机QQ情侣闺蜜基友亲密关系绑定教程</a> </li> <li> <span class="num">5</span> <a href="/a/view/225782.html" class="txt">东家App传家节:不走寻常路,品位和传家是王道</a> </li> <li> <span class="num">6</span> <a href="/a/view/225644.html" class="txt">微信支付故障,重复支付你中招了吗?</a> </li> <li> <span class="num">7</span> <a href="/a/view/225573.html" class="txt">从狼人杀到音遇,它们为什么这么火?</a> </li> <li> <span class="num">8</span> <a href="/a/view/225552.html" class="txt">有哪些好用的恋爱记录APP?</a> </li> <li> <span class="num">9</span> <a href="/a/view/225451.html" class="txt">当狂欢节变成了奥数题,双十一正离我们而去</a> </li> <li> <span class="num">10</span> <a href="/a/view/225463.html" class="txt">从一战停战纪念日到全球购物狂欢节,话说双十一的发展史</a> </li> </ul> </div> <!--最新资讯end--> <!--游戏专题--> <div class="sbox"> <h2 class="mr-title">游戏专题</h2> <ul class="list-img list-imgt"> <li> <a href="/z/youxihe/"> <img src="//pic.veryhuo.com/upload/spec/20190610/b373f5663d8833bdc3a7250ac27ec591.jpg" alt="游戏盒子安卓版合集" /> </a> <a href="/z/youxihe/" class="name">游戏盒子安卓版合集</a> </li> <li> <a href="/z/bbqmzjrj/"> <img src="//pic.veryhuo.com/upload/spec/20191021/341e1c50353985fe02309a81464d2c8e.jpg" alt="儿童启蒙早教app推荐" /> </a> <a href="/z/bbqmzjrj/" class="name">儿童启蒙早教app推荐</a> </li> <li> <a href="/z/mtcyxdjbxzhj/"> <img src="//pic.veryhuo.com/upload/spec/20190611/3f6cb740c645a2e965c7a7a9c0675514.jpg" alt="摩托车游戏合集" /> </a> <a href="/z/mtcyxdjbxzhj/" class="name">摩托车游戏合集</a> </li> <li> <a href="/z/paobu_shouyou/"> <img src="//pic.veryhuo.com/upload/spec/20191107/5a4583e75f4a33cd0897c2fcbbdd19b4.jpg" alt="跑步类手游推荐" /> </a> <a href="/z/paobu_shouyou/" class="name">跑步类手游推荐</a> </li> </ul> </div> <!--游戏专题end--> </div> </div> </div> <!-- 底部 --> <!--底部--> <div id="footer"> <div class="bottomText greena"> <a href="/help/guanyu.html" rel="nofollow" target="_blank">关于本站</a> | <a href="/help/mianze.html" rel="nofollow" target="_blank">版权声明</a> | <a href="/sitemap.html" target="_blank">网站地图</a> </div> <p class="tips_text" style="line-height: 24px;margin-top: 8px;"> <span style="margin-bottom: -24px;">Copyright © 2011-2019 最火软件站(www.veryhuo.com).All Rights Reserved</span> <br> <span>备案编号:<a href="http://www.beian.miit.gov.cn/" target="_balnk" style="text-decoration:none">蜀ICP备19014760号-2</a>,版权投诉请发邮件到341261131#qq.com(请将#换成@),我们会尽快处理</span> <br> <span>本站资源均收集整理于互联网,其著作权归原作者所有,如果有侵犯您权利的资源,请来信告知,我们将及时撤销相应资源</span> <br> <span>温馨提示:抵制不良游戏 拒绝盗版游戏 注意自我保护 谨防受骗上当 适度游戏益脑 沉迷游戏伤身 合理安排时间 享受健康生活</span> </p> <div class="wxewm"> <img src="/static/images/gzhewm.jpg" alt="最火软件站" style="width: 100px; height: 100px;"> <p>关注公众号</p> </div> </div> <!--回到顶部按钮--> <div class="backtop"><span></span></div> <script src="/static/js/jquery.js"></script><script src="/static/js/home/common.js"></script> <script src="/static/js/home/swiper.min.js"></script> <script src="/static/js/home/article.js"></script> </body> </html>