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

来源：百度文库 编辑：中财网 时间：2024/05/09 11:07:23

第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><a href="#"> </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="zuoye-list-a"> <a href="/article/wpeeff">DIV+CSS的问题?</a> <a href="/article/wdzesv">请教XHTML和CSS的编写工具</a> <a href="/article/wmayuy">我想学习XHTML+CSS的网页制作方法</a> <a href="/article/wmwhfv">关于XHTML和CSS的问题。。。</a> <a href="/article/wmwhir">【】关于XHTML和CSS的问题。。。</a> <a href="/article/wofvry">xhtml 1.0 CSS遇到的问题</a> <a href="/article/wlzdpm">CSS+DIV?</a> <a href="/article/vxiloz">div+css定义下拉菜单的问题</a> <a href="/article/wawwgc">关于DIV与CSS的显示问题</a> <a href="/article/wjbbix">采用DIV+CSS布局的好处</a> <a href="/article/wjbbnc">采用DIV+CSS布局的好处</a> <a href="/article/wngcke">Div+css为什么利于搜索引擎的收录</a> <a href="/article/wpmipf">css div网页设计的问题</a> <a href="/article/wpmixm">css div网页设计的问题</a> <a href="/article/wrcjvh">问一个CSS+DIV的问题</a> <a href="/article/wfhbpv">DIV＋CSS网页新标准制作网页</a> <a href="/article/wrpqtx">哪种css定义是兼容性最高的? (div+css)</a> <a href="/article/wsosyk">XHTML+CSS制作网页的思想核心是什么？</a> <a href="/article/vxtynd">div+css怎样入门？</a> <a href="/article/watfcv">关于css定义div</a> <a href="/article/wdtpdq">div+css 问题？</a> <a href="/article/wirnwt">关于cms div+css</a> <a href="/article/wrhfpv">Div+CSS布局</a> <a href="/article/wozzhz">css的各种代码</a> </div> </div> </div> </div> </div> </div> </div> <div id="footer"> <div class="footerlinks"> <div class="panel panel-default"> <div class="panel-heading">相关问题</div> <div class="panel-body"> <a class="btn btn-default" href="/article/wcltes" title="男子偷6只窨井盖被控危害公共安全罪获刑3年">男子偷6只窨井盖被控危害公共安全罪获刑3年</a> <a class="btn btn-default" href="/article/wcltet" title="OA行业的发展需要标准么？">OA行业的发展需要标准么？</a> <a class="btn btn-default" href="/article/wclteu" title="宽容处事心量经典语句！【哲理图文】">宽容处事心量经典语句！【哲理图文】</a> <a class="btn btn-default" href="/article/wcltev" title="我们正在习惯的50个异常现象">我们正在习惯的50个异常现象</a> <a class="btn btn-default" href="/article/wcltew" title="女星斗艳 杨幂张靓颖秀美腿孙燕姿烈焰红唇">女星斗艳 杨幂张靓颖秀美腿孙燕姿烈焰红唇</a> <a class="btn btn-default" href="/article/wcltex" title="美靥如花 19">美靥如花 19</a> <a class="btn btn-default" href="/article/wcltey" title="OA选型中的几个问题">OA选型中的几个问题</a> <a class="btn btn-default" href="/article/wcltez" title="伊人红妆 26">伊人红妆 26</a> <a class="btn btn-default" href="/article/wcltfa" title="最火微博精选01.20">最火微博精选01.20</a> <a class="btn btn-default" href="/article/wcltfb" title="玉兔辞嵗.龍龙賀春--健君文薈恭賀360doc朋友春节快樂【特效音畫】">玉兔辞嵗.龍龙賀春--健君文薈恭賀360doc朋友春节快樂【特效音畫】</a> <a class="btn btn-default" href="/article/wcltfc" title="《软件产品界面设计知识收藏》文章之六_">《软件产品界面设计知识收藏》文章之六_</a> <a class="btn btn-default" href="/article/wcltfd" title="体坛神魂颠倒(一)">体坛神魂颠倒(一)</a> <a class="btn btn-default" href="/article/wcltfe" title="缘份，须倍加珍惜">缘份，须倍加珍惜</a> <a class="btn btn-default" href="/article/wcltff" title="我国去年财政收入突破10万亿元 同比增长24.8%">我国去年财政收入突破10万亿元 同比增长24.8%</a> <a class="btn btn-default" href="/article/wcltfg" title="高晓松谈狱中生活：与大哥做朋友 教狱友写诗">高晓松谈狱中生活：与大哥做朋友 教狱友写诗</a> <a class="btn btn-default" href="/article/wcltfh" title="OA办公系统发展的四个现代化">OA办公系统发展的四个现代化</a> <a class="btn btn-default" href="/article/wcltfi" title="《软件产品界面设计知识收藏》文章之一">《软件产品界面设计知识收藏》文章之一</a> <a class="btn btn-default" href="/article/wcltfj" title="南瓜五香油饼的做法">南瓜五香油饼的做法</a> <a class="btn btn-default" href="/article/wcltfk" title="切脉新技巧">切脉新技巧</a> <a class="btn btn-default" href="/article/wcltfl" title="好莱坞明星减肥秘方：吃婴儿食品代餐">好莱坞明星减肥秘方：吃婴儿食品代餐</a> <a class="btn btn-default" href="/article/wcltfm" title="【引用】痛风病+尹亚君辨治痛风 +痛风的调养－第四篇 慢性病的调养－《人体使用手册》">【引用】痛风病+尹亚君辨治痛风 +痛风的调养－第四篇 慢性病的调养－《人体使用手册》</a> <a class="btn btn-default" href="/article/wcltfn" title="（原创）我的双坠钓组">（原创）我的双坠钓组</a> <a class="btn btn-default" href="/article/wcltfo" title="面向对象软件工程方法学实践 面向对象软件工程方法学实践">面向对象软件工程方法学实践 面向对象软件工程方法学实践</a> <a class="btn btn-default" href="/article/wcltfp" title="采莲图/黄均">采莲图/黄均</a> <a class="btn btn-default" href="/article/wcltfq" title="杨丽萍携侄女登台共舞 小彩旗被曝有望接班">杨丽萍携侄女登台共舞 小彩旗被曝有望接班</a> <a class="btn btn-default" href="/article/wcltfr" title="软件测试工程师指南(2)">软件测试工程师指南(2)</a> <a class="btn btn-default" href="/article/wcltfs" title="家有小孩必备：336则儿童谜语(图)">家有小孩必备：336则儿童谜语(图)</a> <a class="btn btn-default" href="/article/wcltft" title="2012年的第一场雪－温哥华UBC海滩">2012年的第一场雪－温哥华UBC海滩</a> <a class="btn btn-default" href="/article/wcltfu" title="人社部：再次提高企业退休人员基本养老金水平">人社部：再次提高企业退休人员基本养老金水平</a> <a class="btn btn-default" href="/article/wcltfv" title="软件测试工程师指南(1)">软件测试工程师指南(1)</a> <a class="btn btn-default" href="/article/wcltfw" title="晚餐比早餐容易使人发胖的奥秘">晚餐比早餐容易使人发胖的奥秘</a> </div> </div> </div> <div class="copy-right"> <p>中财网，客观、专业、权威的知识性互动百科全书。</p></div> </div> </div> <!--mip 运行环境--> <mip-stats-baidu> <script type="application/json"> { "token": "97cc1851a34f9e233119ff36ecf54098", "_setCustomVar": [1, "login", "1", 2], "_setAutoPageview": [true] } </script> </mip-stats-baidu> <script src="https://c.mipcdn.com/static/v1/mip.js"></script> <!--分享组件 代码--> <script src="https://c.mipcdn.com/static/v1/mip-share/mip-share.js"></script> <!--百度统计组件 代码--> <script src="https://c.mipcdn.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script> </body> </html>