html頁(yè)面的CSS、DIV命名規(guī)則
CSS命名規(guī)則
頭:header
內(nèi)容:content/containe
尾:footer
導(dǎo)航:nav
側(cè)欄:sidebar
欄目:column
頁(yè)面外圍控制整體布局寬度:wrapper
左右中:left right center
登錄條:loginbar
標(biāo)志:logo
廣告:banner
頁(yè)面主體:main
熱點(diǎn):hot
新聞:news
下載:download
子導(dǎo)航:subnav
菜單:menu
子菜單:submenu
搜索:search
友情鏈接:friendlink
頁(yè)腳:footer
版權(quán):copyright
滾動(dòng):scroll
內(nèi)容:content
標(biāo)簽頁(yè):tab
文章列表:list
提示信息:msg
小技巧:tips
欄目標(biāo)題:title
加入:joinus
指南:guild
服務(wù):service
注冊(cè):regsiter
狀態(tài):status
投票:vote
合作伙伴:partner
XHTML文件中id的命名
(1)頁(yè)面結(jié)構(gòu)
容器: container
頁(yè)頭:header
內(nèi)容:content/container
頁(yè)面主體:main
頁(yè)尾:footer
導(dǎo)航:nav
側(cè)欄:sidebar
欄目:column
頁(yè)面外圍控制整體布局寬度: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
標(biāo)題: title
摘要: summary
(3)功能
標(biāo)志:logo
廣告:banner
登陸:login
登錄條:loginbar
注冊(cè):regsiter
搜索:search
功能區(qū):shop
標(biāo)題:title
加入:joinus
狀態(tài):status
按鈕:btn
滾動(dòng):scroll
標(biāo)簽頁(yè):tab
文章列表:list
提示信息:msg
當(dāng)前的: current
小技巧:tips
圖標(biāo): icon
注釋?zhuān)簄ote
指南:guild
服務(wù):service
熱點(diǎn):hot
新聞:news
下載:download
投票:vote
合作伙伴:partner
友情鏈接:link
版權(quán):copyright
CSS+DIV的命名規(guī)則:
登錄條:loginBar
標(biāo)志:logo
側(cè)欄:sideBar
廣告:banner
導(dǎo)航:nav
子導(dǎo)航:subNav
菜單:menu
子菜單:subMenu
搜索:search
滾動(dòng):scroll
頁(yè)面主體:main
內(nèi)容:content
標(biāo)簽頁(yè):tab
文章列表:list
提示信息:msg
小技巧:tips
欄目標(biāo)題:title
友情鏈接:friendLink
頁(yè)腳:footer
加入:joinus
指南:guild
服務(wù):service
熱點(diǎn):hot
新聞:news
下載:download
注冊(cè):regsiter
狀態(tài):status
按鈕:btn
投票:vote
合作伙伴:partner
版權(quán):copyRight
1.CSSID的命名
外套:wrap
主導(dǎo)航:mainNav
子導(dǎo)航:subnav
頁(yè)腳:footer
整個(gè)頁(yè)面:content
頁(yè)眉:header
頁(yè)腳:footer
商標(biāo):label
標(biāo)題:title
主導(dǎo)航:mainNav(globalNav)
頂導(dǎo)航:topnav
邊導(dǎo)航:sidebar
左導(dǎo)航:leftsideBar
右導(dǎo)航:rightsideBar
旗志:logo
標(biāo)語(yǔ):banner
菜單內(nèi)容1:menu1Content
菜單容量:menuContainer
子菜單:submenu
邊導(dǎo)航圖標(biāo):sidebarIcon
注釋:note
面包屑:breadCrumb(即頁(yè)面所處位置導(dǎo)航提示)
容器:container
內(nèi)容:content
搜索:search
登陸:login
功能區(qū):shop(如購(gòu)物車(chē),收銀臺(tái))
當(dāng)前的current
2.樣式文件命名
主要的:master.css
布局版面:layout.css
專(zhuān)欄:columns.css
文字:font.css
打印樣式:print.css
主題:themes.css
說(shuō)明:均為class,需要擴(kuò)展,則在當(dāng)前命名內(nèi)以“_“(下劃線(xiàn))后綴自定名稱(chēng)。
我習(xí)慣稱(chēng)列表頁(yè)為list,新聞列表則為newslist,圖片列表為piclist,
內(nèi)容頁(yè)為view,
/**/
整體大框架:#wrapper
大框架內(nèi):#inwrapper
//////////////////////////////////////////////////////////////////////
頂部及banner:.top
頂部及banner內(nèi):.intop
Logo:.logo
Banner:.banner
導(dǎo)航:.menu
導(dǎo)航內(nèi):.inmenu
.Menuul
.Menuul li
.Menuul li a
下拉菜單:.inmenu_xiala
.Inmenu_xialaul
.Inmenu_xialaul li
.Inmenu_xialaul li a
///////////////////////////////////////////////////////////////////////
主體內(nèi)容:.mainWrapper
主體內(nèi)容內(nèi):.inmainwrapper
左側(cè)攔:.sideleft
左側(cè)內(nèi):.insideleft
右側(cè)欄:.sideright
右側(cè)內(nèi):.insideright
中間:.sidecenter
中間內(nèi):.insidecenter
//////////////////////////////////////////////////////////////////////
底部:.foot
底部?jī)?nèi):.infoot
/////////////////////////////////////////////////////////////////////
/*其他命名*/
搜索:.search
搜索內(nèi):.insearch
搜索條:.searchselect
搜索按鈕:.serachbuttom
輸入文本框:.input
.select
/*表格樣式*/
表格整體框架:.listbox
表格的寬度:.listbox-table
表格頭部文字樣式:.listbox-header
表格正文文字樣式:.listbox-entry
/*通用型*/
通用:.GM/*這個(gè)有點(diǎn)郁悶,英文太差...*/
通用內(nèi):.INGM
通用左浮動(dòng):.GMfl(GM FLOAT LEFT)
通用右浮動(dòng):.GMfr(GM FLOAT RIGHT)
/*通用圖片樣式*/
通用圖片樣式:.img
/*清除浮動(dòng)*/
清除所有浮動(dòng):.clear
清除左側(cè)浮動(dòng):.clearleft
清除右側(cè)浮動(dòng):.clearright
/*文字樣式*/
文字:.font
/*新聞列表*/
新聞列表:.fontnews
/*View頁(yè)字體總樣式*/
VIEW頁(yè)字體:.fontview
商 標(biāo): label
標(biāo) 題: title
主導(dǎo)航: mainbav(globalnav)
頂導(dǎo)航: topnav
邊導(dǎo)航: sidebar
左導(dǎo)航: leftsidebar
右導(dǎo)航: rightsidebar
旗 志: logo
標(biāo) 語(yǔ): banner
菜單內(nèi)容1: menu1 content
菜單容量: menu container
子菜單: submenu
邊導(dǎo)航圖標(biāo):sidebarIcon
注釋?zhuān)骸 ote
面包屑: breadcrumb(即頁(yè)面所處位置導(dǎo)航提示)
容器: container
內(nèi)容: content
搜索: search
登陸: Login
功能區(qū): shop(如購(gòu)物車(chē),收銀臺(tái))
當(dāng)前的 current
報(bào)頭: masthead
摘要, 概要 summary或general
左邊的浮動(dòng)照?qǐng)D片 photoleft
右邊的浮動(dòng)圖片 photoright
標(biāo)題 title
條目底端 entrybottom
更多 extended或.more
容器背景 containerbg
服務(wù) service
服務(wù)鏈接 servicelink
線(xiàn) line
文本 text
右邊 rightside
版權(quán) copyright
新聞 news
書(shū)皮 wrapper
介紹 intro-part1
專(zhuān)欄 column
路徑 pathways
片斷 section
模塊 module
上導(dǎo)航 subnav
2.另外在編輯樣式表時(shí)可用的注釋可這樣寫(xiě):
<-- Footer -->
內(nèi)容區(qū)
<-- End Footer -->
3.樣式文件命名
主要的 master.css
布局,版面 layout.css
專(zhuān)欄 columns.css
文字 font.css
打印樣式 print.css
主題 themes.css
4.樣式表中的注示
實(shí)例一
/* GLOBAL --------------------------- */
/* LINKS --------------------------- */
/* FORMS --------------------------- */
/* IDS --------------------------- */
/* HEADER --------------------------- */
/* COLUMN 1 --------------------------- */
/* COLUMN 2 --------------------------- */
/* CLASSES --------------------------- */
實(shí)例二
HTML
實(shí)例三(網(wǎng)易)
CSS
#UrsLogin
#LogoNav
#Column
#Content1
#bNav
#Copyright
#UrsLogin
#LogoNav
#SearchArea
#ChannelArea
#HotNews
#NewsCenter
.keyword
#MallArea
#city
#aboutus
……………………
常見(jiàn)命名
包含 wrapper和container
頁(yè)頭 header 或縮寫(xiě)為hd
頁(yè)尾 footer 或縮寫(xiě)為ft
導(dǎo)航 nav
您的位置 breadcrumbs
二級(jí)導(dǎo)航 sub_nav
側(cè)欄 sidebar或side-column
模塊 module
數(shù)據(jù)庫(kù)中的命名規(guī)則
數(shù)據(jù)庫(kù)涉及字符規(guī)則
采用26個(gè)英文字母(區(qū)分大小寫(xiě))和0 -9這十個(gè)自然數(shù),加上下劃線(xiàn)_組成,共63個(gè)字符。
不能出現(xiàn)其他字符(注釋除外)。
數(shù)據(jù)庫(kù)對(duì)象命名規(guī)則
數(shù)據(jù)庫(kù)對(duì)象包括表、視圖(查詢(xún))、存儲(chǔ)過(guò)程(參數(shù)查詢(xún))、函數(shù)、約束。對(duì)象名字由前綴和實(shí)際名字組成,
長(zhǎng)度不超過(guò)30。前綴:使用小寫(xiě)字母。
例如:表-tb 視圖-vi 存儲(chǔ)過(guò)程-sp 函數(shù)-fn
實(shí)際名字
實(shí)際名字盡量描述實(shí)體的內(nèi)容,由單詞或單詞組合,每個(gè)單詞的首字母大寫(xiě),其他字母小寫(xiě),不以數(shù)字和_開(kāi)頭。
例如:表 User_Info 視圖 UserList 存儲(chǔ)過(guò)程 UserDelete
因此,合法的對(duì)象名字類(lèi)似如下。
表 tbUser_Info、tbMessage_Detail
視圖 vi_MessageList
存儲(chǔ)過(guò)程 sp_MessageAdd
數(shù)據(jù)庫(kù)表命名規(guī)則
字段由前綴和實(shí)際名字組成。實(shí)際名字中首單詞一個(gè)系統(tǒng)盡量采取同一單詞。
前綴:使用小寫(xiě)字母tb,表示表。
例如:tbMember tbMember_Info tbForum_Board tbForum_Thread1
字段命名規(guī)則
數(shù)字、字符、日期/時(shí)間、lob(大對(duì)象)、雜項(xiàng),字段由表的簡(jiǎn)稱(chēng)、下劃線(xiàn),實(shí)際名字加后綴組成。
后綴:使用小寫(xiě)字母,代表該字段的屬性。
例如: User_Idint User_Namestr User_RegDatedtm
視圖命名規(guī)則
字段由前綴和實(shí)際名字組成,中間用下劃線(xiàn)連接。
前綴:使用小寫(xiě)字母vi,表示視圖。
例如:vi_User vi_UserInfo
存儲(chǔ)過(guò)程命名規(guī)則
字段由前綴和實(shí)際名字組成,中間用下劃線(xiàn)連接。
前綴:使用小寫(xiě)字母sp,表示存儲(chǔ)過(guò)程。
例如:sp_User
數(shù)據(jù)庫(kù)設(shè)計(jì)文檔規(guī)則
所有數(shù)據(jù)庫(kù)設(shè)計(jì)要寫(xiě)成文檔,文檔以模塊化形式表達(dá)。大致格式如下:
’-------------------------------------------
’ 表名: tbUser_Info
’ 建立人:UAM_Richard
’ 日期: 2004-12-17
’ 版本: 1.0
’ 描述: 保存用戶(hù)資料
’ 具體內(nèi)容:
’ UserId int,自動(dòng)增量 用戶(hù)代碼
’ UserName char(12) 用戶(hù)名字
’ ......
’--------------------------------------------
CSS類(lèi)及id中的命名規(guī)則
Web開(kāi)發(fā)人員可以通過(guò)創(chuàng)建CSS類(lèi)及id名稱(chēng)并使用這些名稱(chēng)來(lái)對(duì)div以及其他的格式頁(yè)面元素進(jìn)行標(biāo)識(shí)。
對(duì)開(kāi)發(fā)人員來(lái)說(shuō),在命名重新定義XHTML標(biāo)記(tags)的CSS selectors時(shí),必須保證其與預(yù)定義的標(biāo)記準(zhǔn)確匹配,但就類(lèi)以及id選擇器名稱(chēng)而言,
則仁者見(jiàn)仁,智者見(jiàn)智。然而隨心所欲的為這些類(lèi)以及id命名則并不是個(gè)好的習(xí)慣。
1、直觀命名
當(dāng)在設(shè)計(jì)Web頁(yè)面以及需要對(duì)一個(gè)div進(jìn)行標(biāo)識(shí)的時(shí)候,最自然的想法就是使用可以描述元素所在
頁(yè)面位置的詞匯來(lái)對(duì)其命名。
例如:top-panel
horizontal-nav
left-side
center-column
right-col
這些是CSS以及XHTML類(lèi)和id的有效命名方式。這些詞匯簡(jiǎn)單并且能夠使人顧名思義,因此滿(mǎn)足了標(biāo)識(shí)
頁(yè)面元素以及相應(yīng)的CSS樣式的需要。
但問(wèn)題是這樣的名稱(chēng)同頁(yè)面內(nèi)容的特定表達(dá)方式相關(guān)聯(lián)。這些命名參考了某種特定頁(yè)面布局中的頁(yè)面元素位置,
因此在這樣的布局之外使用就會(huì)顯得不合適甚至造成理解混亂。這些命名沒(méi)有涉及文檔內(nèi)容的結(jié)構(gòu)。因此,
下面給出了對(duì)CSS類(lèi)以及ID命名更好的方法。
2、結(jié)構(gòu)化命名
這些是CSS以及XHTML類(lèi)和id的有效命名方式。這些詞匯簡(jiǎn)單并且能夠使人顧名思義,因此滿(mǎn)足了
標(biāo)識(shí)頁(yè)面元素以及相應(yīng)的CSS樣式的需要。 這些是CSS以及XHTML類(lèi)和id的有效命名方式。
這些詞匯簡(jiǎn)單并且能夠使人顧名思義,因此滿(mǎn)足了標(biāo)識(shí)頁(yè)面元素以及相應(yīng)的CSS樣式的需要。
有標(biāo)記的相關(guān)信息都是用來(lái)描述文檔的結(jié)構(gòu)而不是外觀。這樣的特點(diǎn)使得我們可以通過(guò)簡(jiǎn)單的改變
CSS的方式來(lái)對(duì)不同外觀格式下的內(nèi)容(content)以及標(biāo)記(markup)進(jìn)行重用。當(dāng)你理解這種方式時(shí),
很容易就可以發(fā)現(xiàn)采用頁(yè)面位置來(lái)為類(lèi)以及id命名的方式在處理如音頻(audio)等外觀格式上顯得非常不合適。因此,
應(yīng)當(dāng)根據(jù)在文檔中的使用目的而非出現(xiàn)位置來(lái)對(duì)類(lèi)以及id進(jìn)行結(jié)構(gòu)化命名。
可以按照如下所示的結(jié)構(gòu)化方式來(lái)對(duì)類(lèi)以及id名稱(chēng)命名:
例如:branding
main-nav
subnav
main-content
sidebar
這些名字同直觀命名方式一樣非常易懂,但他們描述了頁(yè)面元素的作用而非位置。這使得代碼更加符合使用純粹
的結(jié)構(gòu)化標(biāo)記(structural markup)的初衷,即開(kāi)發(fā)人員可以在不改變標(biāo)記的情況下對(duì)各種
各樣媒體下的顯示格式進(jìn)行處理。
即使你不打算在其他的媒體上對(duì)Web頁(yè)面進(jìn)行格式修改,使用結(jié)構(gòu)化命名方式還可以幫助你在日后的站點(diǎn)升級(jí)
或重新設(shè)計(jì)中更為輕松。例如,結(jié)構(gòu)化命名避免了當(dāng)一個(gè)div同id right-column移動(dòng)到頁(yè)面左邊
后所帶來(lái)的混亂。對(duì)div sidebar的采用這樣的命名方式就顯得更加適當(dāng),因?yàn)闊o(wú)論它出現(xiàn)在頁(yè)面的哪一邊,
這個(gè)名字仍然對(duì)開(kāi)發(fā)人員來(lái)說(shuō)直觀易懂。
3、慣例
Andy Clarke分析了40份由推崇標(biāo)準(zhǔn)化Web設(shè)計(jì)理念的開(kāi)發(fā)人員所設(shè)計(jì)的Web站點(diǎn)的源代碼。盡管類(lèi)以及id名稱(chēng)很不統(tǒng)一,
但是還是發(fā)現(xiàn)了一些頻繁出現(xiàn)的常用名稱(chēng)。這里給出了最常用類(lèi)/id名稱(chēng)的示例列表:
例如:header
content
nav
sidebar
footer
3.基于成員的命名規(guī)范
基于成員的命名規(guī)范是指按照文件,文件夾的從屬關(guān)系,通過(guò)歸類(lèi)的方法進(jìn)行命名,這樣可以使文件的排列
具有較強(qiáng)的邏輯性.
例如:一個(gè)圖片文件是在鼠標(biāo)點(diǎn)擊之前為"file_on".而在點(diǎn)擊后的圖片文件命名為"file_off"根據(jù)
這個(gè)類(lèi)別命名.更加的清晰.
4.基于屬性的命名規(guī)范
例如:裝飾性小圖片按照"<圖片內(nèi)容說(shuō)明>_<顏色>_<圖片尺寸>_<序號(hào)>.*"來(lái)表現(xiàn).
這個(gè)為"heart_red_401*334_1.jpg"
5.基于序數(shù)的命名規(guī)范
在網(wǎng)頁(yè)中一般為了減少圖片的下載時(shí)間把圖片分隔成一小部分,組成一個(gè)整體圖.這時(shí)可以用二維數(shù)組的方式命名.
例如:
這個(gè)圖片為"donghua_11.jpg"
這個(gè)圖片為"donghua_12.jpg"
這個(gè)圖片為"donghua_21.jpg"
這個(gè)圖片為"donghua_22.jpg"
這些組成一幅圖片.
6.基于枚舉的命名規(guī)范
第一個(gè)為書(shū)的側(cè)面為"ddd_cemian.jpg"
第二個(gè)為書(shū)的封皮為"ddd_fengpi.jpg"
第三個(gè)為書(shū)的封底為"ddd_fengdi.jpg"
還有的網(wǎng)站上圖片的欣賞也有不同的大小,可根據(jù)用戶(hù)的意愿查看.
例如:"ddd_cemian_401*334.jpg"和"ddd_cemian_1024*768.jpg"
這些供大家建設(shè)網(wǎng)站參考.
為避免代碼沖突(這樣做也會(huì)讓你的代碼更為通用),就要使用命名法則,這是一個(gè)很好的編程習(xí)慣。
好啦,這里介紹一些常用的法則。
◆命名變量、方法、以及屬性
變量、方法和屬性的名稱(chēng)的第一個(gè)字母應(yīng)該大寫(xiě),并且名稱(chēng)應(yīng)該能表達(dá)出它們的用途(或者說(shuō)是意義)。
變量
.NET 命名
匈牙利命名
描述
Cstring
EmployeeName
szName
Name of an employee.
Int
AttendanceCounter
nCounter
A counter of type long.
Long
NumberOfBytes
lBytes
A long type variable stores bytes.
有時(shí)我們習(xí)慣于在定義中使用下劃線(xiàn) "_",例如: Add_Data(int a, int b). 按照新的命名法則,
這不是一個(gè)好的編程習(xí)慣,雖然它并沒(méi)有錯(cuò)。你應(yīng)該將定義 Add_Data 改為 AddData。 這不是微軟的標(biāo)準(zhǔn),你也不是必須按照這些法則。
但是,在一些地方你會(huì)明白下邊這些法則的合理性。
就我個(gè)人而言,我更喜歡匈牙利命名法。當(dāng)然,變量也使用同樣的法則。如果你記得匈牙利命名法的話(huà),
一個(gè)布爾型的變量定義以"b"打頭,比如:
BOOL bFlag = TRUE;
新的法則不推薦使用Flag 和 "b":
bool IsFileFound = true;
你可以瀏覽一下MSDN,那里邊有更多有關(guān)新的法則的說(shuō)明。
◆命名組件以及集合(Assemblies)
為避免代碼沖突, 按照命名法則給你的庫(kù)(在 .NET 中稱(chēng)為assembly)命名是一個(gè)良好的編程習(xí)慣。
假定你是MindCracker 公司的,你在開(kāi)發(fā)一個(gè)用于擴(kuò)充C# database 類(lèi)的庫(kù), 把它的名字命名為MindCracker.DatabaseAssembly.ADOSet
要比MyAssembly.Database.ADOSet好的多。
再假定你的庫(kù)有一個(gè)方法,它是從表中讀取數(shù)據(jù),并返回一個(gè)數(shù)據(jù)集。你如果取名為 DataSet return_data()的話(huà),
改為DataSet ReturnData()好啦.
你還應(yīng)該在命名中遵循一個(gè)統(tǒng)一的單詞順序。例如,你有倆個(gè)表,分別為Employee 和 Manager ,并且你還為它們分別
定義了一個(gè)向表里邊插入一條記錄的方法, 那么方法名AppendEmployee 和 AppendManager
要比AppendEmployee 和 ManagerAppend要好。
我更喜歡的二種方法,因?yàn)楹苋菀浊宄粋€(gè)塊兒結(jié)構(gòu)和嵌套塊兒結(jié)構(gòu)。
◆匈牙利命名法(efoxxx附)
匈牙利命名法是一名匈牙利程序員發(fā)明的,而且他在微軟工作了多年。此命名法就是通過(guò)微軟的各種產(chǎn)品和文檔傳
出來(lái)的。多數(shù)有經(jīng)驗(yàn)的程序員,不管他們用的是哪門(mén)兒語(yǔ)言,都或多或少在使用它
這種命名法的基本原則是:
變量名=屬性+類(lèi)型+對(duì)象描述
即一個(gè)變量名是由三部分信息組成,這樣,程序員很容易理解變量的類(lèi)型、用途,而且便于記憶。
下邊是一些推薦使用的規(guī)則例子,你可以挑選使用,也可以根據(jù)個(gè)人喜好作些修改再用之。
⑴屬性部分:
全局變量: g_
常量 : c_
類(lèi)成員變量: m_
⑵類(lèi)型部分:
指針: p
句柄: h
布爾型: b
浮點(diǎn)型: f
無(wú)符號(hào): u
⑶描述部分:
初始化: Init
臨時(shí)變量: Tmp
目的對(duì)象: Dst
源對(duì)象: Src
窗口: Wnd
將介紹匈牙利命名法,后面的例子里也會(huì)盡量遵守它和上面的代碼風(fēng)格。還是那句話(huà),并不是要求所有的
讀者都要去遵守,但是希望讀者作為一個(gè)現(xiàn)代的軟件開(kāi)發(fā)人員都去遵守它。
a Array 數(shù)組
b BOOL (int) 布爾(整數(shù))
by Unsigned Char (Byte) 無(wú)符號(hào)字符(字節(jié))
c Char 字符(字節(jié))
cb Count of bytes 字節(jié)數(shù)
cr Color reference value 顏色(參考)值
cx Count of x (Short) x的集合(短整數(shù))
dw DWORD (unsigned long) 雙字(無(wú)符號(hào)長(zhǎng)整數(shù))
f Flags (usually multiple bit values) 標(biāo)志(一般是有多位的數(shù)值)
fn Function 函數(shù)
g_ global 全局的
h Handle 句柄
i Integer 整數(shù)
l Long 長(zhǎng)整數(shù)
lp Long pointer 長(zhǎng)指針
m_ Data member of a class 一個(gè)類(lèi)的數(shù)據(jù)成員
n Short int 短整數(shù)
p Pointer 指針
s String 字符串
sz Zero terminated String 以0結(jié)尾的字符串
tm Text metric 文本規(guī)則
u Unsigned int 無(wú)符號(hào)整數(shù)
ul Unsigned long (ULONG) 無(wú)符號(hào)長(zhǎng)整數(shù)
w WORD (unsigned short)&nnbsp; 無(wú)符號(hào)短整數(shù)
x,y x, y coordinates (short) 坐標(biāo)值/短整數(shù)
v void 空
下邊舉例說(shuō)明:
hwnd: h表示句柄,wnd表示窗口,合起來(lái)為“窗口句柄”。
m_bFlag: m表示成員變量,b表示布爾,合起來(lái)為:“某個(gè)類(lèi)的成員變量,布爾型,是一個(gè)狀態(tài)標(biāo)志”。
C# .net 命名規(guī)范
一個(gè)好的命名規(guī)范如此難找,還是自己收藏一個(gè)比較好
1 ADO.NET 命名規(guī)范 數(shù)據(jù)類(lèi)型 數(shù)據(jù)類(lèi)型簡(jiǎn)寫(xiě) 標(biāo)準(zhǔn)命名舉例
Connection con conNorthwind
Command cmd cmdReturnProducts
Parameter parm parmProductID
DataAdapter dad dadProducts
DataReader dtr dtrProducts
DataSet dst dstNorthWind
DataTable dtbl dtblProduct
DataRow drow drowRow98
DataColumn dcol dcolProductID
DataRelation drel drelMasterDetail
DataView dvw dvwFilteredProducts
WinForm Control 命名規(guī)范
數(shù)據(jù)類(lèi)型 數(shù)據(jù)類(lèi)型簡(jiǎn)寫(xiě) 標(biāo)準(zhǔn)命名舉例
Label lbl lblMessage
LinkLabel llbl llblToday
Button btn btnSave
TextBox txt txtName
MainMenu mmnu mmnuFile
CheckBox chk chkStock
RadioButton rbtn rbtnSelected
GroupBox gbx gbxMain
PictureBox pic picImage
Panel pnl pnlBody
DataGrid dgrd dgrdView
ListBox lst lstProducts
CheckedListBox clst clstChecked
ComboBox cbo cboMenu
ListView lvw lvwBrowser
TreeView tvw tvwType
TabControl tctl tctlSelected
DateTimePicker dtp dtpStartDate
HscrollBar hsb hsbImage
VscrollBar vsb vsbImage
Timer tmr tmrCount
ImageList ilst ilstImage
ToolBar tlb tlbManage
StatusBar stb stbFootPrint
OpenFileDialog odlg odlgFile
SaveFileDialog sdlg sdlgSave
FoldBrowserDialog fbdlg fgdlgBrowser
FontDialog fdlg fdlgFoot
ColorDialog cdlg cdlgColor
PrintDialog pdlg pdlgPrint
3 WebControl 命名規(guī)范
數(shù)據(jù)類(lèi)型 數(shù)據(jù)類(lèi)型簡(jiǎn)寫(xiě) 標(biāo)準(zhǔn)命名舉例
AdRotator adrt Example
Button btn btnSubmit
Calendar cal calMettingDates
CheckBox chk chkBlue
CheckBoxList chkl chklFavColors
CompareValidator valc valcValidAge
CustomValidator valx valxDBCheck
DataGrid dgrd dgrdTitles
DataList dlst dlstTitles
DropDownList drop dropCountries
HyperLink lnk lnkDetails
Image img imgAuntBetty
ImageButton ibtn ibtnSubmit
Label lbl lblResults
LinkButton lbtn lbtnSubmit
ListBox lst lstCountries
Panel pnl pnlForm2
PlaceHolder plh plhFormContents
RadioButton rad radFemale
RadioButtonList radl radlGender
RangeValidator valg valgAge
RegularExpression vale valeEmail_Validator
Repeater rpt rptQueryResults
RequiredFieldValidator valr valrFirstName
Table tbl tblCountryCodes
TableCell tblc tblcGermany
TableRow tblr tblrCountry
TextBox txt txtFirstName
ValidationSummary vals valsFormErrors
XML xmlc xmlcTransformResults
.NET中的命名規(guī)則
名稱(chēng)空間的命名
命名名稱(chēng)空間的一般規(guī)則如下:
CompanyName.TechnologyName
這樣,我們看到的名稱(chēng)空間應(yīng)該是這樣的:
Microsoft.Office
PowerSoft.PowerBuilder
注意:這只是一個(gè)原則。第三方公司可以選擇其它的名字。
避免用公司名稱(chēng)或其它著名品牌的名稱(chēng)作為名稱(chēng)空間的前綴,這樣會(huì)造成兩個(gè)公布的
名稱(chēng)空間有同一個(gè)名稱(chēng)的可能性。
例如: 將微軟提供的Office自動(dòng)類(lèi)命名為Microsoft.Office
使用Pascal大寫(xiě)方式,用逗號(hào)分隔邏輯成分。
例如:Microsoft.Office.PowerPoint
如果你的品牌使用的是非傳統(tǒng)大寫(xiě)方式,那么一定要遵循你的品牌所確定使用的大寫(xiě)方式,
即使這種方式背離了通常的名稱(chēng)空間大寫(xiě)規(guī)則。
例如:NeXT.WebObjects
ee.cummings
類(lèi)和類(lèi)成分的命名
類(lèi)的命名原則是用名詞或名詞短語(yǔ)命名類(lèi),使用Pascal大寫(xiě)。減少類(lèi)名中縮寫(xiě)的使用量。
不要使用任何類(lèi)前綴(比如C),不要使用帶下劃線(xiàn)的字符。
例如:public class FileStream {}
public class Button {}
public class String {}
CSS 類(lèi)和ID的常用命名:
網(wǎng)站頭部: head/header(頭部) top(頂部)導(dǎo)航: nanv
導(dǎo)航具體區(qū)分:topnav(頂部導(dǎo)航)、mainnav(主導(dǎo)航)、mininav(迷你導(dǎo)航)、textnav(導(dǎo)航文本)、
subnav(子導(dǎo)航/二級(jí)導(dǎo)航)
旗幟、廣告和商標(biāo):logo(旗幟)、brand(商標(biāo))、banner(標(biāo)語(yǔ))
搜索:sreach(搜索)、sreachbox(搜索框)、sreachbtn(搜索按鈕)、sreachinput(搜索輸入框)
注冊(cè)和登錄:login(登錄)、regsiter(注冊(cè))、userbox(用戶(hù)名/通行證的文本框)、password(密碼)
布局、分欄和框: layout(布局)、bigdiv(大div)、leftdiv(左分欄)、rightdiv(右分欄)、
leftfloat(左浮動(dòng))、rightfloat(右浮動(dòng))、mainbox()、subpage(子頁(yè)面/二級(jí)頁(yè)面)
頁(yè)腳/底部:foot/footer(頁(yè)腳/底部)、copyright(版權(quán)信息)、sitemap(網(wǎng)站地圖)
其他:content(內(nèi)容)、skin(皮膚)、title(標(biāo)題)、from(表單)、pic(圖片)、news(新聞)、shop(購(gòu)物區(qū))、
list(列表/清單)、newslist(新聞列表)、downloadlist(下載列表)、piclist(圖片列表)、dropmenv(下拉菜單)、
cor/corner(圓角)、homepage(首頁(yè))、crumb(當(dāng)前位置導(dǎo)航)
實(shí)際上上面的id命名我會(huì)經(jīng)常用大小寫(xiě)和_來(lái)區(qū)分,比如主導(dǎo)航就是MainNav,如果還有必要在區(qū)分就是MainNav_1,
MainNav_2等等。也可以使用"類(lèi)型+變量名稱(chēng)"的規(guī)則來(lái)命名,比如寫(xiě)一個(gè)紅色字體的class,可以
.f_red {}(f是font 字體的縮寫(xiě))??傊瓌t是:大小寫(xiě)、_、縮寫(xiě),大大增強(qiáng)代碼的可讀性。
另外我還經(jīng)常使用"in"的寫(xiě)法做子divd的命名,寫(xiě)法in+父div,這樣可以避免前面命名過(guò)了后面div不知道怎么去命名。
比如intop、inbox、infrom、inlogin等等。