欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > WEB标准 >

XHTML(div css)编码七条基本规范

一、所有的标记都必须要有一个相应的结束标记   -   TOP

以前在HTML中,XHTML(指div css开发)要求有严谨的结构标签结构,所有标签必须关闭闭合,而且闭合必须结构正确。

比如:

1、普通闭合

  1. <div></div> 
  2. <p></p> 
  3. <li></li> 
  4. <span></span> 

以上上常用标签开始与闭合示例。

2、多层次嵌套,必要闭合错误。

2.1错误演示

  1. <div> 
  2.     <span> 
  3. </div> 
  4.     </span> 

以上代码,div与span明显闭合错误。

2.2正确闭合演示

  1. <div> 
  2.     <span></span> 
  3. </div> 

如果是单独不成对的标签,在标签最后加一个"/"来关闭它。例如:

  1. <br /> 
  2. <img height="80" alt="图片说明文字" src="/uploadfile/200806/17/8C162625950.gif" width="200" /> 

二、所有标签的元素和属性的名字都必须使用小写   -   TOP

与HTML不一样,XHTML对大小写是敏感的,<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如:<BODY>必须写成<body> 。大小写夹杂也是不被认可的,通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。

三、所有的XHTML标记都必须合理嵌套   -   TOP

同样因为XHTML要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码:

  1. <p><b></p>/b> 

必须修改为:

  1. <p><b></b>/p>  

就是说,一层一层的嵌套必须是严格对称。

四、所有的属性必须用引号""括起来   -   TOP

在HTML中,你可以不需要给属性值加引号,但是在XHTML中,它们必须被加引号。例如:

  1. <div style=height:80px></div> 
  2. <div class=abc></div> 

必须修改为:

  1. <div style="height:80px"></div> 
  2. <div class="abc"></div> 

五、把所有<和&特殊符号用编码表示   -   TOP

任何小于号(<),不是标签的一部分,都必须被编码为& l t ;
任何大于号(>),不是标签的一部分,都必须被编码为& g t ;
任何与号(&),不是实体的一部分的,都必须被编码为& a m p;
注:以上字符之间无空格。

六、不要在注释内容中使“–”   -   TOP

“–”只能发生在XHTML注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的:

  1. <!–这里是注释———–这里是注释–>  

用等号或者空格替换内部的虚线。

  1. <!–这里是注释============这里是注释–>  

以上这些规范有的看上去比较奇怪,但这一切都是为了使我们的代码有一个统一、唯一的标准,便于以后的数据再利用。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/w3c/w742.shtml

我要分享到:
上一篇:注意规范您的css命名的大小写
下一篇:没有了

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2014-08-01 15:19 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。