2011-01-18

CSS 常用命名表

版面類

欄目column
容器container
內容content
頁尾footer
頁首header
版型佈局layout
首頁index
頁面主體main
側欄sidebar

導航類

主導航main_nav
全域導航global_nav
導航nav
領行列navbar
左導航left_sidebar
右導航right_sidebar
子導航subnav
頂導航topnav
工具條toolbar

菜單類

菜單menu
子菜單submenu
菜單內容menu_content
菜單容器menu_container

樣式類

箭頭arrow
橫幅廣告banner
分界線boundary
按鈕btn
按鈕button
轉角/圓角corner
文字font
標題title
圖示icon
項目item
列表list
主要的master
頁面page
標示mark
分段section
邊導航圖標sidebar_icon
標籤頁tab
樣式/主題theme
閃爍twinkle
小部件widget
包裝器 wrapper
頁面外圍控制整體佈局寬度
區域zone

功能類

檢舉abuse
點擊這裡click_here
收藏coffin
塌陷collapse
完成的,結束的complete
改變,轉變conversion
當前的current
預設default
下載download
下拉drop
編輯edit
相等equals
例外exception
完成,結束finalize
折疊fold
雜湊hash
局部的localized
管理manager
方法method
即時通訊messenger
提示信息msg
註釋note
通知,告知;報告notify
語法分析parse
語法分析器parser
傳送pass
位置place
投票poll
發表文章post
預覽preview
列印print
發布publish
查詢query
收到,接到receive
重填reset
滾動scroll
搜索search
搜索框search_box
進階搜尋search_further
搜尋結果search_results
統計statistics
狀態status
串流stream
訂閱subscribe
送出submit
查詢訂閱subscriptions
小技巧tips
追蹤清單track
指導tutorial
上傳upload
驗證碼verification_code
觀看view
投票vote

內容類

檔案/文件archive
文章article
所有文章article_all
文章分類article_folder
招呼語blast
部落格blog
部落格資料blog_info
麵包屑bread_crumb
頁面所處位置導航提示
行事曆calendar
徵才careers
社群家族club
評論、評鑑comment
社群家族community
位置導航crumb
娛樂entertainment
電子報epaper
活動event
常見問題faq
回覆意見feedback
論壇forum
友情鏈接friend_link
強力搜尋gd_search_tech
留言板guestbook
指南guide
公會guild
熱門hot
熱門連結hot_link
學習learning
介紹introduce
徵才job
知識knowledge
新聞news
記事本notepad
即時訊息online_news
作品portfolio
活動比賽promo
排行rank
景點scenic
服務service
招呼語set_blast
即時留言板shoutbox
網頁導覽sitemap
技術支援support
旅遊travels
視訊video

網站類

關於about
關於我們about_us
公司company
公司簡介company_profile
聯絡contact
聯絡我們contact_us
版權資訊copyright
資訊info
網站標誌logo
商標label
組織organization
合作夥伴partner
薪資福利remuneration
摘要summary
系統system
網頁快訊web_slices

購物類

atmatm
現折活動allowance
配件appendix
紅利折抵bank_bonus
競標bid
取消訂單cancel
刷卡card
換貨change
推薦commend
優惠卷coupon
顧客customer
顧客服務customer_service
運送deliver
折扣discount
快速到貨express
購物流程flow
贈品gift
集殺group
詢價inquire
服務中心help
訂購單order
訂單查詢order_check
包裝packing
付費payment
集購payshop_flow
價格price
產品名稱product_name
產品products
嚴選保證promise
估價quotes
維修repair
退貨return
交易安全safety
購物shop
商店store
超商取貨付款store
補貨通知supply_info
信用卡線上分期time
統一編號unified business no.

會員類

通訊錄abook
帳務account
地址address
相簿album
申請apply
審核approval
黑名單black_list
信箱email
忘記密碼forgot_password
忘記帳號forgot_username
服務條款legal
登入login
登出logout
登入條login_bar
邀請朋友invite
加入join_us
會員member
會員登入member_login
個人personal
個人資訊personal_information
照片photo
隱私權政策privacy
個人簡介profile
個人相片profile_photo
註冊register
轉寄好友send_friend
註冊sign_up
登入sign_in
登出sign_out


參考來源:
CSS 常用命名参考 - PHP新手博客(phpabc‘s blog)
css常用命名
div+css命名规则 (注重SEO的朋友注意了)
Jane’s Blog: CSS 命名規則

0 回應: