Dreamweaver教程 FrontPage教程 Flash教程
  • CSS教程
  • javascript教程
    当前位置:教程 > 网页制作 > CSS教程 > 正文

    Xhtml第6天:XHTML代码规范

    编辑:教程网 来源:网络 时间:2011年10月03日 15:44

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

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

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

    和而不一定写对应的

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


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

    与html不一样,xhtml对大小写是敏感的,和<title>是不同的标签。xhtml要求所有的标签和属性的名字都必须使用小写。例如:<body>必须写成<body> 。大小写夹杂也是不被认可的,通常Dreamweaver自动生成的属性名字"onmouseover"也必须修改成"onmouseover"。</P>3.所有的XML标记都必须合理嵌套<P>同样因为xhtml要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码:</P><p></p>/b> <P>必须修改为:</P><p>/p> <P>就是说,一层一层的嵌套必须是严格对称。</P>4.所有的属性必须用引号""括起来<P>在html中,你可以不需要给属性值加引号,但是在xhtml中,它们必须被加引号。例如:</P><height=80> <P>必须修改为:</P><height="80"> <P>特殊情况,你需要在属性值里使用双引号,你可以用",单引号可以使用',例如:</P> 5.把所有<和&特殊符号用编码表示任何小于号(<),不是标签的一部分,都必须被编码为& l t ; 任何大于号(>),不是标签的一部分,都必须被编码为& g t ; 任何与号(&),不是实体的一部分的,都必须被编码为& a m p; <P>注:以上字符之间无空格。</P>6.给所有属性赋一个值<P>xhtml规定所有属性都必须有一个值,没有值的就重复本身。例如:</P> <input type="checkbox" name="shirt" value="medium" checked> <P>必须修改为:</P> <input type="checkbox" name="shirt" value="medium" checked="checked"> 7.不要在注释内容中使“--”<P>“--”只能发生在xhtml注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的:</P><!--这里是注释-----------这里是注释--> <P>用等号或者空格替换内部的虚线。</P><!--这里是注释============这里是注释--> <P>以上这些规范有的看上去比较奇怪,但这一切都是为了使我们的代码有一个统一、唯一的标准,便于以后的数据再利用。</P> <br /> <li>原文来自 <a href="http://www.websmill.com">教程网</a> 转载请注明:<a href="http://www.websmill.com/wangye/css/25719.html">http://www.websmill.com/wangye/css/25719.html</a></li> <div class="pagelist"> </div> <br /> <li>上一篇:<a href='http://www.websmill.com/wangye/css/25716.html'>用 onerror 获取错误信</a> </li> <li>下一篇:<a href='http://www.websmill.com/wangye/css/25829.html'>Xhtml第5天:head区的其他设置</a> </li> </div> </div> </div> <div class="newlist3"> <div class="title">相关阅读</div> <div class="tuij"> <ul> <table width='100%' border='0' cellspacing='0' cellpadding='0'> <tr> <td width='50%'> <li><a href="http://www.websmill.com/wangye/css/25832.html" title="Xhtml第2天:什么是名字空间">Xhtml第2天:什么是名字空间</a></li> </td> <td width='50%'> <li><a href="http://www.websmill.com/wangye/css/25831.html" title="Xhtml第3天:定义语言编码">Xhtml第3天:定义语言编码</a></li> </td> </tr> <tr> <td width='50%'> <li><a href="http://www.websmill.com/wangye/css/25830.html" title="Xhtml第4天:调用样式表">Xhtml第4天:调用样式表</a></li> </td> <td width='50%'> <li><a href="http://www.websmill.com/wangye/css/25829.html" title="Xhtml第5天:head区的其他设置">Xhtml第5天:head区的其他设置</a></li> </td> </tr> <tr> <td width='50%'> <li><a href="http://www.websmill.com/wangye/css/25714.html" title="Xhtml第1天:选择什么样的DOCTYPE">Xhtml第1天:选择什么样的DOCTYPE</a></li> </td> <td width='50%'> <li><a href="http://www.websmill.com/wangye/css/24834.html" title="网站首页head区代码规范">网站首页head区代码规范</a></li> </td> </tr> <tr> <td width='50%'> <li><a href="http://www.websmill.com/wangye/css/24832.html" title="XHTML代码规范">XHTML代码规范</a></li> </td> <td width='50%'> <li><a href="http://www.websmill.com/wangye/css/23787.html" title="关于网页源代码屏蔽(1)">关于网页源代码屏蔽(1)</a></li> </td> </tr> <tr> <td width='50%'> <li><a href="http://www.websmill.com/wangye/css/22998.html" title="CSS类及id的规范化命名">CSS类及id的规范化命名</a></li> </td> <td width='50%'> <li><a href="http://www.websmill.com/wangye/css/22810.html" title="CSS代码缩写技巧">CSS代码缩写技巧</a></li> </td> </tr> </table> </ul> </div> </div> </div> <!--左侧结束--> <div class="tright6"> <div class="newlist7_1"> <div class="title"><h3>最新文章</h3></div> <div class="cont_box"> <ul> <li><a href="http://www.websmill.com/wangye/css/26021.html">在 CSS 中关于字体处理效果的思</a><span>10-05</span></li> <li><a href="http://www.websmill.com/wangye/css/26020.html">HTML 初学者指南</a><span>10-05</span></li> <li><a href="http://www.websmill.com/wangye/css/26018.html">仿 Office 2003 的工具条</a><span>10-05</span></li> <li><a href="http://www.websmill.com/wangye/css/26017.html">利用CSS改善网站可访问性</a><span>10-05</span></li> <li><a href="http://www.websmill.com/wangye/css/26016.html">用js封装的时间设置器</a><span>10-05</span></li> <li><a href="http://www.websmill.com/wangye/css/25837.html">UBB 转换函数演示</a><span>10-04</span></li> <li><a href="http://www.websmill.com/wangye/css/25835.html">*.HTC 文件的简单介绍</a><span>10-04</span></li> <li><a href="http://www.websmill.com/wangye/css/25832.html">Xhtml第2天:什么是名字空间</a><span>10-04</span></li> <li><a href="http://www.websmill.com/wangye/css/25831.html">Xhtml第3天:定义语言编码</a><span>10-04</span></li> <li><a href="http://www.websmill.com/wangye/css/25830.html">Xhtml第4天:调用样式表</a><span>10-04</span></li> </ul></div> <div class="newlist7_1"> <div class="title"><h3>热门文章</h3></div> <div class="cont_box"> <ul> <li><a href="http://www.websmill.com/wangye/css/9578.html">CSS实例教程:超酷的网站导航按</a><span>07-08</span></li> <li><a href="http://www.websmill.com/wangye/css/6673.html">实现全屏遮蔽且自动居中的lightB</a><span>06-25</span></li> <li><a href="http://www.websmill.com/wangye/css/6919.html">用CSS调整scrollbar(滚动条)换色</a><span>06-26</span></li> <li><a href="http://www.websmill.com/wangye/css/10447.html">使用在Safari和WebKit中可用的CS</a><span>07-12</span></li> <li><a href="http://www.websmill.com/wangye/css/18451.html">三种方法实现实时切换CSS样式</a><span>08-20</span></li> <li><a href="http://www.websmill.com/wangye/css/7734.html">用CSS实现表格外观的无序列表</a><span>06-30</span></li> <li><a href="http://www.websmill.com/wangye/css/6918.html">无hack并支持透明圆角框的全兼容</a><span>06-26</span></li> <li><a href="http://www.websmill.com/wangye/css/10446.html">CSS教程:超圆滑圆角框的半完美</a><span>07-12</span></li> <li><a href="http://www.websmill.com/wangye/css/10589.html">简单学习CSS网页布局</a><span>07-15</span></li> <li><a href="http://www.websmill.com/wangye/css/23977.html">CSS 滤镜应用集锦 -- 巧用CSS的 </a><span>09-19</span></li> </ul></div> </div> <div class="newlist7_1"> <div class="title"><h3>随机推荐</h3></div> <div class="cont_box"> <ul> <li><a href="http://www.websmill.com/pingmian/Photoshop/11976.html">Photoshop 颜色调节(6)</a><span>07-20</span></li> <li><a href="http://www.websmill.com/chengxu/java/10362.html">ObjectWeb 启动EJB 3 Container</a><span>07-11</span></li> <li><a href="http://www.websmill.com/pingmian/Photoshop/11572.html">抽象波形的制作</a><span>07-18</span></li> <li><a href="http://www.websmill.com/pingmian/Fireworks/18960.html">巧用Fireworks遮罩做平面设计</a><span>08-22</span></li> <li><a href="http://www.websmill.com/chengxu/PHP/28310.html">怎样在php中使用PDF文档功能</a><span>10-17</span></li> <li><a href="http://www.websmill.com/office/Office/10241.html">在office Word中进行四则运算</a><span>07-11</span></li> <li><a href="http://www.websmill.com/shujuku/Access/5030.html">用Access2007解决支票打印的日期</a><span>06-19</span></li> <li><a href="http://www.websmill.com/chengxu/JSP/24662.html">JSP由浅入深(7)</a><span>09-23</span></li> <li><a href="http://www.websmill.com/office/Word/23640.html">Word 2007的“词典”功能的使用</a><span>09-17</span></li> <li><a href="http://www.websmill.com/xitong/WindowsXP/10911.html">WindowsXP里的乐趣 今天你是训狗</a><span>07-16</span></li> </ul></div> </div> </div> </div> <div style=" display:none"></div> <div id="footer"> Copyright © 2002-2013 教程网 教程来源网络,版权原作者所有 <script src="http://s9.cnzz.com/stat.php?id=5392758&web_id=5392758" language="JavaScript"></script> <a href="http://www.websmill.com/data/sitemap.html">网站地图</a> </div> </div> </body> </html>