常見的約定規範

（一）HTML約定規範

　　1，html屬性順序：id class name data-xxx （src for type href）（title alt）（aria-xxx role）

　　2，a 不允許嵌套 div 和 a

　　3，a 裏不不可以嵌套交互式元素：a button select等

　　4，p裏不可以嵌套塊級元素 div p h1~h6 ul ol li dl dt dd form等

　　5，語義化：blockquote 大段引用； cite 一般引用； code 代碼標識； abbr縮寫

　　6，使用 link 代替 @import

（二）CSS約定規範

　　1，class與id屬性多個單詞組成時單詞之間用 - 分隔

　　2，屬性定義統一使用雙引號

　　3，布爾類型（disabled checked selected） 等屬性不用設置值

　　4，組件塊和子組件塊以及聲明塊之間使用一空行分隔，子組件塊之間三空行分隔

　　5，如果使用了多個css文件，按照組件形式分拆

　　6，不要將元素選擇器和ID class混合使用，不利於維護

　　7，樣式書寫順序：定位屬性放在首位，盒模型放在第二位，其他放在後面

　　8，鏈接的樣式順序：a:link a：visited a:hover a:active

　　9，使用translate取代absolute定位會得到更好的fps，動畫會更順滑

（三）JS約定規範

　　1，單行註釋，獨占一行，//後面跟一個空格，縮進與下一行被註釋的代碼一致

　　2，避免使用多行註釋

　　3，函數說明/方法註釋：參數、返回值註釋必須包含類型信息和說明

　　4，當函數為內部函數，外部不可訪問時，[email protected]

　　5，文件註釋：內容、依賴關系、兼容性信息

　　6，變量、函數、函數的參數、類的方法和屬性使用駝峰命名法

　　7，類、枚舉變量使用Pascal命名法

　　8，常量、枚舉的屬性使用全部大寫字母、單詞間下劃線分隔的命名方式

　　9，不要在Array上使用for-in循環，因為遍歷的是所有出現在對象及其原型鏈的鍵值

　　10，盡量使用requertAnimationFrame代替setTimeout，setInterval

　　11，聲明塊的左{前添加一個空格，右}單獨成行，：後應添加一個空格，以；結尾

　　12，以 ， 分隔的屬性值，每個逗號後應添加一個空格

以上就是我給大家推薦的一些常見的約定規範！

Web常見約定規範（精選）