HTML與CSS命名規(guī)范
1.所有命名都使用英文小寫
2.命名用引號包裹
3.用中橫線連接
4.命名體現(xiàn)功能黎做,不涉及表現(xiàn)樣式(顏色、字體阳堕、邊框跋理、背景等)
常用id的命名:
(1)頁面結(jié)構(gòu)
容器: container
頁頭:header
內(nèi)容:content/container
頁面主體:main
頁尾:footer
導(dǎo)航:nav
側(cè)欄:sidebar
欄目:column
頁面外圍控制整體布局寬度:wrapper
左右中:left right center
(2)導(dǎo)航
導(dǎo)航:nav
主導(dǎo)航:mainbav
子導(dǎo)航:subnav
頂導(dǎo)航:topnav
邊導(dǎo)航:sidebar
左導(dǎo)航:leftsidebar
右導(dǎo)航:rightsidebar
菜單:menu
子菜單:submenu
標題: title
摘要: summary
(3)功能
標志:logo
廣告:banner
登陸:login
登錄條:loginbar
注冊:regsiter
搜索:search
功能區(qū):shop
標題:title
加入:joinus
狀態(tài):status
按鈕:btn
滾動:scroll
標簽頁:tab
文章列表:list
提示信息:msg
當(dāng)前的: current
小技巧:tips
圖標: icon
注釋:note
指南:guild
服務(wù):service
熱點:hot
新聞:news
下載:download
投票:vote
合作伙伴:partner
友情鏈接:link
版權(quán):copyright
CSS書寫規(guī)范
- css屬性書寫順序, 建議遵循 布局定位屬性–>自身屬性–>文本屬性–>其他屬性. 此條可根據(jù)自身習(xí)慣書寫, 但盡量保證同類屬性寫在一起. 屬性列舉: 布局定位屬性主要包括: margin & padding & float(包括clear) & position(相應(yīng)的 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命名規(guī)范
js命名比較簡單前普,現(xiàn)在大部分使用的是小駝峰和下劃線命名。
jQuery變量要求首字符為’_’, 其他與原生JavaScript 規(guī)則相同, 如: _iTaoLun;
類命名: 首字母大寫, 駝峰式命名. 如 ITaoLun;
函數(shù)命名: 首字母小寫駝峰式命名. 如iTaoLun();