CSS 層疊樣式表命名參考

 

命名參考

 

頁面結構類

描述	底線命名	駱駝式命名	參考命名
面板	dashboard
容器	container	container
頁頭	header	header
內容	content	content	container
外圍控制	wrapper	wrapper	wrap
頁面主體	main	main
欄目	column	column
- 寬欄目	wide_column	wideColumn
- 窄欄目	narrow_column	narrowColumn
欄	bar
側邊欄	sidebar	sidebar
網站地圖	sitemap
頁尾	footer	footer

導航類

描述	底線命名	駱駝式命名	參考命名
主導航	nav_main	navMain
- 子導航	nav_child	navChild
- 三級導航	nav_third	navThird
導航	nav	nav
- 頂導航	nav_top	navTop
- 左導航	nav_left	navLeft
- 右導航	nav_right	navRight
菜單	menu	menu
- 子功能表	menu_child	menuChild
- 下拉式功能表	menu_drop	menuDrop
位置導航	crumb	crumb
麵包屑	breadcrumb	breadcrumb	參考
	location-based
	attribute-based
	path-based

表單

描述	底線命名	駱駝式命名	參考命名
郵件	mail
使用者名稱	username
密碼	passwd
重複密碼	passwd_again
儲存資訊	cookie
性別	sex
地點	local
下拉	drop
驗證碼	verification
按鈕	btn
必填項	requisite
狀態	status

功能模組

描述	底線命名	駱駝式命名	參考命名
登入	login
註冊	regsiter
搜尋	search
標籤頁	tab
工具條	toolbar
標籤頁	tab
日曆	calendar
分類	category		categories
歸檔	archive		archives
回複	comment		comments
標籤	tag		tags
投票	vote
夥伴	partner
友情連結	friendlink
新聞	news
下載	download
指南	guild
協助	help
常見問題	faq
服務	service
		selection

內容

描述	底線命名	駱駝式命名	參考命名
注釋	note
條目	entry
摘要	summary
縮圖	screenshot
提示資訊	msg
小技巧	tips
正方形的	Square
極小的	Thumbnail
小的	Small
中等的	Medium
大的	Large
原始的	Original

動作

描述	底線命名	駱駝式命名	參考命名
滾動	scroll
箭頭	arrow
首頁	first
上一頁	prev		previous
下一頁	next
末頁	last
更早的	older
更新的	newer

狀態

描述	底線命名	駱駝式命名	參考命名
列表	list
-熱點	hot
-更新	new
前十列表	topten_list
相關列表	related_list
更新列表	update_list

來源：http://rexsong.com/webdesign/css/css_write_name.htm