上海国药物流:DIV＋CSS/第6天：XHTML代码的规范

来源：百度文库 编辑：中财网 时间：2024/04/27 21:35:47

第6天：XHTML代码的规范

目录

[隐藏]
  • 1 所有的标记都必须要有一个相应的结束标记
  • 2 所有标签的元素和属性的名字都必须使用小写
  • 3 所有的XML标记都必须合理嵌套
  • 4 所有的属性必须用引号""括起来
  • 5 把所有<和&特殊符号用编码表示
  • 6 给所有属性赋一个值
  • 7 不要在注释内容中使“--”
  • 8 参考来源

[编辑] 所有的标记都必须要有一个相应的结束标记

  • 以前在HTML中，你可以打开许多标签
例如
和
  • 而不一定写对应的
    和
    • 来关闭它们
    • 但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如:

    网页设计师

    [编辑] 所有标签的元素和属性的名字都必须使用小写

    与HTML不一样，XHTML对大小写是敏感的，和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如：<BODY>必须写成<body> 。大小写夹杂也是不被认可的，通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。</p><h2>[编辑] 所有的XML标记都必须合理嵌套</h2><p>同样因为XHTML要求有严谨的结构，因此所有的嵌套都必须按顺序，以前我们这样写的代码：</p><pre><p><b></p></b> 必须修改为：<p><b></b></p> </pre><p>就是说，一层一层的嵌套必须是严格对称。</p><h2>[编辑] 所有的属性必须用引号""括起来</h2><ul><li>在HTML中，你可以不需要给属性值加引号，但是在XHTML中，它们必须被加引号。例如:</li></ul><pre><height=80> </pre><ul><li>必须修改为：</li></ul><pre><height="80"> </pre><ul><li>特殊情况，你需要在属性值里使用双引号，你可以用"，单引号可以使用'，例如：</li></ul><pre><alt="say'hello'"> </pre><h2>[编辑] 把所有<和&特殊符号用编码表示</h2><p>任何小于号（<），不是标签的一部分，都必须被编码为& l t ; </p><p>任何大于号（>），不是标签的一部分，都必须被编码为& g t ; </p><p>任何与号（&），不是实体的一部分的，都必须被编码为& a m p; </p><p>注：以上字符之间无空格。</p><h2>[编辑] 给所有属性赋一个值</h2><ul><li>XHTML规定所有属性都必须有一个值，没有值的就重复本身。例如：</li></ul><pre><td nowrap> <input type="checkbox" name="shirt" value="medium" checked> </pre><ul><li>必须修改为：</li></ul><pre><td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked"> </pre><h2>[编辑] 不要在注释内容中使“--”</h2><pre>“--”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。例如下面的代码是无效的:<!--这里是注释-----------这里是注释--> 　　用等号或者空格替换内部的虚线。<!--这里是注释============这里是注释--> </pre><p>以上这些规范有的看上去比较奇怪，但这一切都是为了使我们的代码有一个统一、唯一的标准，便于以后的数据再利用。</p></div> <div class="list-group"> <a href="/article/wpeeff" class="list-group-item">DIV+CSS的问题?</a> <a href="/article/wdzesv" class="list-group-item">请教XHTML和CSS的编写工具</a> <a href="/article/wmayuy" class="list-group-item">我想学习XHTML+CSS的网页制作方法</a> <a href="/article/wmwhfv" class="list-group-item">关于XHTML和CSS的问题。。。</a> <a href="/article/wmwhir" class="list-group-item">【】关于XHTML和CSS的问题。。。</a> <a href="/article/wofvry" class="list-group-item">xhtml 1.0 CSS遇到的问题</a> <a href="/article/wlzdpm" class="list-group-item">CSS+DIV?</a> <a href="/article/vxiloz" class="list-group-item">div+css定义下拉菜单的问题</a> <a href="/article/wawwgc" class="list-group-item">关于DIV与CSS的显示问题</a> <a href="/article/wjbbix" class="list-group-item">采用DIV+CSS布局的好处</a> <a href="/article/wjbbnc" class="list-group-item">采用DIV+CSS布局的好处</a> <a href="/article/wngcke" class="list-group-item">Div+css为什么利于搜索引擎的收录</a> <a href="/article/wpmipf" class="list-group-item">css div网页设计的问题</a> <a href="/article/wpmixm" class="list-group-item">css div网页设计的问题</a> <a href="/article/wrcjvh" class="list-group-item">问一个CSS+DIV的问题</a> <a href="/article/wfhbpv" class="list-group-item">DIV＋CSS网页新标准制作网页</a> <a href="/article/wrpqtx" class="list-group-item">哪种css定义是兼容性最高的? (div+css)</a> <a href="/article/wsosyk" class="list-group-item">XHTML+CSS制作网页的思想核心是什么？</a> <a href="/article/vxtynd" class="list-group-item">div+css怎样入门？</a> <a href="/article/watfcv" class="list-group-item">关于css定义div</a> <a href="/article/wdtpdq" class="list-group-item">div+css 问题？</a> <a href="/article/wirnwt" class="list-group-item">关于cms div+css</a> <a href="/article/wrhfpv" class="list-group-item">Div+CSS布局</a> <a href="/article/wozzhz" class="list-group-item">css的各种代码</a> </div> </div> </div> </div> </div> </div> <footer id="footer" class="footer hidden-print"> <div class="container"> <div class="panel panel-default"> <div class="panel-heading">相关问题</div> <div class="panel-body"> <a class="btn btn-default" href="/article/vxxsey" title="世博展示自豪中国">世博展示自豪中国</a> <a class="btn btn-default" href="/article/vxxsez" title="大自在祈祷文">大自在祈祷文</a> <a class="btn btn-default" href="/article/vxxsfa" title="鲁永鲜教授：盆腔脏器脱垂手术进展">鲁永鲜教授：盆腔脏器脱垂手术进展</a> <a class="btn btn-default" href="/article/vxxsfb" title="刚日读史，柔日读经">刚日读史，柔日读经</a> <a class="btn btn-default" href="/article/vxxsfc" title="朱总理反腐官员名单（真牛）">朱总理反腐官员名单（真牛）</a> <a class="btn btn-default" href="/article/vxxsfd" title="红豆杉茎泡水的药用价值">红豆杉茎泡水的药用价值</a> <a class="btn btn-default" href="/article/vxxsfe" title="黑镜头里窥探～打工女">黑镜头里窥探～打工女</a> <a class="btn btn-default" href="/article/vxxsff" title="吴瑞发書法">吴瑞发書法</a> <a class="btn btn-default" href="/article/vxxsfg" title="大道至简之五：透过现象看本质（二版，此文严禁转载）-时寒冰">大道至简之五：透过现象看本质（二版，此文严禁转载）-时寒冰</a> <a class="btn btn-default" href="/article/vxxsfh" title="葬花吟.">葬花吟.</a> <a class="btn btn-default" href="/article/vxxsfi" title="100道素菜（二 )">100道素菜（二 )</a> <a class="btn btn-default" href="/article/vxxsfj" title="蜂蜜，核桃，黑芝麻治肝硬化">蜂蜜，核桃，黑芝麻治肝硬化</a> <a class="btn btn-default" href="/article/vxxsfk" title="她性爱之后有哪些特殊反应？">她性爱之后有哪些特殊反应？</a> <a class="btn btn-default" href="/article/vxxsfl" title="横幅書法">横幅書法</a> <a class="btn btn-default" href="/article/vxxsfm" title="中国现代名家写景美文436篇【四季系列】">中国现代名家写景美文436篇【四季系列】</a> <a class="btn btn-default" href="/article/vxxsfn" title="2010年全国各地中考语文试题汇编：基础知识-4">2010年全国各地中考语文试题汇编：基础知识-4</a> <a class="btn btn-default" href="/article/vxxsfo" title="青山绿水间">青山绿水间</a> <a class="btn btn-default" href="/article/vxxsfp" title="改善记忆的超级学习复习法">改善记忆的超级学习复习法</a> <a class="btn btn-default" href="/article/vxxsfq" title="诗意语文的理想和信念">诗意语文的理想和信念</a> <a class="btn btn-default" href="/article/vxxsfr" title="女人写给男人的十句悄悄话">女人写给男人的十句悄悄话</a> <a class="btn btn-default" href="/article/vxxsfs" title="Schindler教授讲座：月经紊乱">Schindler教授讲座：月经紊乱</a> <a class="btn btn-default" href="/article/vxxsft" title="初中化学实验题应试技巧">初中化学实验题应试技巧</a> <a class="btn btn-default" href="/article/vxxsfu" title="清代書法">清代書法</a> <a class="btn btn-default" href="/article/vxxsfv" title="竹简字画 --- 睡莲">竹简字画 --- 睡莲</a> <a class="btn btn-default" href="/article/vxxsfw" title="班主任管理（待整理）">班主任管理（待整理）</a> <a class="btn btn-default" href="/article/vxxsfx" title="大道至简之六：透过现象看本质-时寒冰">大道至简之六：透过现象看本质-时寒冰</a> <a class="btn btn-default" href="/article/vxxsfy" title="经常摸摸屁股 就能变性感漂亮-减肥">经常摸摸屁股 就能变性感漂亮-减肥</a> <a class="btn btn-default" href="/article/vxxsfz" title="老照片】中 正7">老照片】中 正7</a> <a class="btn btn-default" href="/article/vxxsga" title="中国电压标准(GB Voltage standards)">中国电压标准(GB Voltage standards)</a> <a class="btn btn-default" href="/article/vxxsgb" title="男人补肾饮食有讲究">男人补肾饮食有讲究</a> <a class="btn btn-default" href="/article/vxxsgc" title="谢国忠：一线城市房价已经见顶 从当下开始卖房">谢国忠：一线城市房价已经见顶 从当下开始卖房</a> </div> </div></div> <div class="copy-right"> <p>中财网，客观、专业、权威的知识性互动百科全书。</p></div> </footer> <div class="copy-right"> <div class="container"> <div class="col-md-12"> <a href="https://www.q-5.net/" target="_blank">最新新闻</a> <a href="https://www.wacths.com/" target="_blank">沃茨手表网</a> <a href="https://www.csdndoc.com/" target="_blank">CSDN程序文档</a> <a href="https://www.cmjoy.com/" target="_blank">上海旅游网</a> <a href="https://www.smbaike.com/" target="_blank">神马百科</a> <a href="https://www.familylifemag.com/" target="_blank">程序博客</a> <a href="https://www.xjpta.cn/" target="_blank">香蕉皮作业帮</a> <a href="https://www.cidugushi.com/" target="_blank">景德镇新闻网</a> <a href="https://www.uyuyao.com/" target="_blank">余姚信息网</a> <a href="https://www.zuoyewang.cc/" target="_blank">作业帮作业网</a> <a href="https://www.wenda8.com/" target="_blank">互助问答吧</a> <a href="https://www.16lo.com/" target="_blank">16楼社区</a> <a href="https://www.zyebang.com/">解题作业帮</a><a href="https://www.6210k.com/">艺术百科</a><a href="http://www.ld5.top/">亮点网</a><a href="http://www.smbaike.com/">神马百科</a> <a href="https://www.smwenxue.com/">神马文学网</a> <a href="https://www.zuoye5.com/">拍题作业网</a> <a href="https://www.uczhidao.com/">UC知道</a> <a href="https://www.52sanwen.top/">我爱散文网</a> <a href="https://www.bfwang.top/">北方网</a> <a href="https://www.kexue5.top/">科学网</a> <a href="https://www.wenku1.top/">第一文库网</a> <a href="https://www.wszyw.top/">微思作业网</a> <a href="https://www.wz51.top/">我要文章网</a> <a href="https://www.dsp33.cn/">都市新闻网</a><a href="https://www.xofi.com.cn/">西欧教育</a><a href="https://www.xs2xf.cn/">西山新闻网</a><a href="https://www.holoes.com.cn/">好楼房产信息网</a> <a href="https://www.9x1x.cn/">九乡新闻网</a><a href="https://www.vnql.com.cn/">农企信息网</a><a href="https://www.xnvm.com.cn/">仙女们写真照片</a><a href="https://www.lumta.com.cn/">音乐简谱网</a><a href="https://www.miliya.com.cn/">米粒芽</a><a href="https://www.xuexiaodaquan.net/">学校大全网</a><a href="https://www.wz95.cn/">95后网站</a><a href="https://www.ranatlanta.cn/">汝南网</a><a href="https://www.opuo.com.cn/">欧普网</a><a href="https://www.7c4.com.cn/">宝宝故事网</a> <a href="https://www.pp6a.cn/">神马品牌网</a> <a href="https://www.hzxzt.com.cn/">杭州交通信息网/"></a> <a href="https://www.hzsgz.com.cn/">杭州市高中教育平台</a> <a href="https://www.crrcn.cn/">查人人中国名人网</a> <a href="https://www.amzr.com.cn/">爱美之人</a> <a href="https://www.scmpx.com.cn/">上车买票</a> <a href="https://www.azxt.com.cn/">安卓系统之家</a> <a href="https://www.520sdw.cn/">中科新闻网</a> <a href="https://www.218zy.cn/">科学院研究所</a> <a href="https://www.ekowh.cn/">高考快车</a> <a href="https://www.520gsw.cn/">高考志愿帮</a> <a href="https://www.madbar.cn/">大学志愿大全</a> <a href="https://www.oisogo.cn/">高校问答</a> <a href="https://www.togowu.cn/">高考问答</a> <a href="https://www.mdeusa.cn/">中考百科</a> <a href="https://www.520bzw.cn/">大学知道</a> <a href="https://www.9uwang.cn/">久游网</a> </div></div></div> </body> </html>