HTML5和CSS编写规范

HTML5代码编写规范


1.IE兼容模式:<meta http-equiv="X-UA-Compatible" content="IE=Edge">


2.统一字符编码:<meta charset="UTF-8">


3.引入CSS和JavaScript文件时一般不需要指定 type 属性，因为 text/css 和 text/javascript 分别是它们的默认值。
   <link href="code-guide.css" rel="stylesheet">
   <script src="code-guide.js"></script>


4.实用为王:
  尽量遵循 HTML 标准和语义，但是不要以牺牲实用性为代价。
  任何时候都要尽量使用最少的标签并保持最小的复杂度。


5.属性顺序:class 用于标识高度可复用组件，因此应该排在首位。
           id 用于标识具体组件,因此排在第二位。


6.布尔(boolean)型属性如果有值，就是 true，如果没有值，就是 false。(布尔型,不用赋值)


7.减少标签的数量:编写 HTML 代码时，尽量避免多余的父元素。


8.JavaScript生成的标签让内容变得不易查找编辑,并且降低性能,尽量避免使用.




Css代码编写规范


注意:为了代码的易读性,在每个声明块的左花括号前添加一个空格.
     
    声明块的右花括号应当单独成行.
    
    每条声明语句的:后应该插入一行.
    
    为了获得更准确的错误报告,每条声明都应该独占一行.
    
    所有声明语句都应当以分号结尾.
 
    最后一条声明语句后面的分号都要写上,避免不必要的错误发生.
    
    对于以逗号分隔的属性值,每个逗号后面都应该插入一个空格.
    
    在 rgb()、rgba()、hsl()、hsla() 或 rect() 值的内,只加逗号,不加空格
    
    十六进制值应该全部小写(小写易于分辨,形式也更易于区分).
    
    避免为0值指定单位,尽量不写单位名称.


1.不要使用@import.


2.媒体查询的位置:将媒体查询放在尽可能相关规则的附近.


3.避免不必要的嵌套。


4.请确保你的代码能够自描述、注释良好并且易于他人理解。好的代码注释能够传达上下文关系和代码目的。
  
5.注释:/**/