HTML與CSS命名規范
1.所有命名都使用英文小寫
2.命名用引號包裹
3.用中橫線連接
4.命名體現功能,不涉及表現樣式(顏色、字體、邊框、背景等)
QQ截圖20180710115024.png
常用id的命名:
(1)頁面結構
容器: container
頁頭:header
內容:content/container
頁面主體:main
頁尾:footer
導航:nav
側欄:sidebar
欄目:column
頁面外圍控制整體布局寬度:wrapper
左右中:left right center
(2)導航
導航:nav
主導航:mainbav
子導航:subnav
頂導航:topnav
邊導航:sidebar
左導航:leftsidebar
右導航:rightsidebar
菜單:menu
子菜單:submenu
標題: title
摘要: summary
(3)功能
標志:logo
廣告:banner
登陸:login
登錄條:loginbar
注冊:regsiter
搜索:search
功能區:shop
標題:title
加入:joinus
狀態:status
按鈕:btn
滾動:scroll
標簽頁:tab
文章列表:list
提示信息:msg
當前的: current
小技巧:tips
圖標: icon
注釋:note
指南:guild
服務:service
熱點:hot
新聞:news
下載:download
投票:vote
合作伙伴:partner
友情鏈接:link
版權:copyright
CSS書寫規范
- css屬性書寫順序, 建議遵循 布局定位屬性–>自身屬性–>文本屬性–>其他屬性. 此條可根據自身習慣書寫, 但盡量保證同類屬性寫在一起. 屬性列舉: 布局定位屬性主要包括: margin & padding & float(包括clear) & position(相應的 top,right,bottom,left) & display & visibility & overflow等; 自身屬性主要包括: width & height & background & border; 文本屬性主要包括: font & color & text-align & text-decoration & text-indent等;其他屬性包括: list-style(列表樣式) & vertical-vlign & cursor & z-index(層疊順序) & zoom等. 我所列出的這些屬性只是最常用到的, 并不代表全部;
JS命名規范
js命名比較簡單,現在大部分使用的是小駝峰和下劃線命名。
jQuery變量要求首字符為’_’, 其他與原生JavaScript 規則相同, 如: _iTaoLun;
類命名: 首字母大寫, 駝峰式命名. 如 ITaoLun;
函數命名: 首字母小寫駝峰式命名. 如iTaoLun();