Html5代码编码规范

HTML代码编写规范

 

1  页面代码头部增加“doctype”标签来告知浏览器使用哪种HTML XHTML 规范,doctype完整语句为:

  

 

html5中直接用,可以省略全部标记的元素有:html,head,body,colgroup,tbody,就是说可以设为缺省值

 

2  使用jquery,替代其他js框架,因为jquery对多浏览器的支持相对较好

 

3  关闭所有标签

1html编码中原先就有关闭标记的,如:

,则必须按规定关闭。

html5中可以省略结束标签,有:li,dt,dd,p,rt,rp,optgroup,option,colgroup,thread,tbody,tfoot,tr,td,th不提倡结束

 

2)原先属于独立的不带关闭标记的标签,则需要在结束前的“>”前加“/”,如
等,要写成

html5中不允许写结束标记的元素有:area,base,br,col,comman,embed,hr,img,input,keygen,link,meta,param,source,track,wbr.

 

4所有标签必须小写,如:

1  bgColor 改为bgcolor

2  http-equiv="Content-Type"  改为http-equiv="content-type"

但是要按规定大写

在class和name和id中命名都应该采用小写,除了js中的基本命令和属性等,在html5代码中也应沿用小写规范。

 

5  各属性的值必须加英文双引号,如:

1

必须写为

2) 写为

在html5中,当属性值不包括空字符串、"<",">","=",单引号,双引号等字符时,属性值两边的引号可以为:双引号和单引号以及省略引号都可以

 

6  language=” javascript” 改为,并且放到之间

应该讲js代码放在html结束之后,这样在加载网页时可以更快。

 

7  align="middle"  改为align="center"w3c规范中没有middle属性

 

8  ,去掉borderColorheight属性,因为tableborderColorheight属性。需要的话可在css里定义。

html5中将有关样式的属性都基本扔到了css里面 ,原则上html标签属性中不要出现样式属性,能使用css替代的元素,basefont,big,center,font,s,

strike,tt,u元素。html5中已经将这些元素废除了。s和strike可以由del元素替代,tt可以由font-family

 

 

9  location.href(“地址”) 改为location.href =“地址

 

10               改为,js方法不直接暴露在网页链接上,并且执行后不进行页面跳转,不会到因为“#”而到页面的顶部。

 

特殊情况:IE6如果在当前窗口打开的操作,,页面上没有反应,可以写成

 

11             统一使用document.getElementByIdx_x("idName")获取对象值,避免出现直接用对象的id值获取对象的方式,如idname.style

直接使用对象在ie和ff中会有不兼容的情况。

 

12            
里面一定要有idname属性,获取form对象值使用:

document.getElementByIdx_x("FormName")

 

 

13             统一使用var关键字来定义常量

 

14             统一使用document.formName.elements["elementName"]获取form对象值

 

15             对于集合类对象,统一使用[]来获取值,如

 

1  document.forms("formName") 改为document.forms["formName"]

2  document.getElementsByName("inputName")(1) 改为

document.getElementsByName("inputName")[1]

 

 

16