Web前端——CSS的命名規範和範例

CSS的命名規範

1 意義

規範的命名有助有提升團隊開發效率

規範的命名有助有後期產品的維護

規範的命名有助有後期的二次開發

2 範例

2.1 頁面結構

container/wrap 容器

header 頁頭

main 頁面主體

sidebar 側欄

center 中間內容

wrapper 整體寬度

content 內容

footer 頁尾

column 欄目

2.2 導航

nav 導航

subnav 子導航

sidebar 邊導航

rightsidebar 右導航

menu 選單

title 標題

mainnav/globalnav 主導航

topnav 頂導航

leftsidebar 左導航

sidebarIcon 邊導航圖示

submenu 子選單

2.3 功能

logo 標誌

loginbar 登入條

products 產品

products_review 產品評論

banner 廣告/標語

login 登陸

regsiter 註冊

products_prices 產品價格

editor_review 編輯評論

news_release 最新產品

summary 摘要

publisher 生產商

faqs 常見問題

blog 部落格

search 搜尋

search_output 搜尋輸出

joinus 加入我們

btn 按鈕

tab 標籤頁

mag/message 提示資訊

tips 小技巧

pay 充值

promotion 推廣

ranking 排行

equipment 公式裝置

culture 企業文化

sales_network 營銷網路

technology 技術力量

enterprise_qualification 企業資質

screenshot 縮圖

keyword 關鍵詞

forum 論壇

search_input 搜尋輸入框

search_results 搜尋結果

status 狀態

scroll 滾動

list 文章列表

current 當前的

skin 皮膚

activities 活動

announcement 公告

company_profile 公式簡介

glories 公司榮耀

scale 企業規模

organization 組織機構

branches 分支機構

strength_strength 公式實力

operation_principle 經營理念

development_history 發展歷程

browse_by_category 發展要求

human_resource_hr 人力資源

customer_message 客戶要求

your_requirements 您的要求

enterprise_establishing 招商

online_communicarion 線上交流

joinIn_cooperation 合作加盟

business_scope 業務範圍

contact_us 聯絡我們

homepage 返回首頁

e_business 電子商務

manager_oration 經理致辭

engineering_projects 工程案件

application_fields 應用領域

leader_oration 領導致辭

customer_service 客戶服務

sales_information 銷售資訊

education_training 教育培訓

quality_certification 質量認證

products_description 產品描述

sales_sales 產品銷售

information 資訊釋出

order 產品定購

hot_link 友情連結

trends 行業動態

news_trends 新聞動態

sales_hotline 銷售熱線

in_construction 建設中

add 地址

fax 傳真

description 產品說明

brand 品牌

size 尺寸

model 型號

technique_data 技術指標

production_place 產地

forum 論壇

bidInviting 招標

achievements 業績

trends 動態

investment 投資

programming 規劃

trade_news 行業新聞

postal_code_zipcode 郵編

company_name 公司名稱

contact_person 聯絡人

certificate 證書

tel 電話

product_name 產品名稱

price 價格

speciflcation 規格

manufacuturer 生產廠家

item_no 產品標號

description 產品描述

application 用途

on_line_order 線上訂購

general 綜述

great_event 大事

service 服務

industry 行業

environment 環境

delivery 傳送

reset 重寫

business 業務

download 下載中心

faq 常見問題

amusement_park 遊樂園

icon 圖示

guild 指南

hot 熱點

dowmload 下載

label/branding 商標

shop 購物車

siteinfo_credits 信譽

siteinfo_legal 法律宣告

friendlink 友情連結

submit 提交

community 社群

online_inquiry 線上調查

feedback 意見反饋

general_profile 中心概況

special_report 專題報導

note 註釋

service 服務

news 新聞

vote 投票

breadcrumb/loc 當前位置

tag 標籤

siteinfo 網站資訊

partner 合作伙伴

copyright 版權

本文轉自拉考的考拉 51CTO部落格，原文連結:http://blog.51cto.com/lakaodekaola/1977563

Web前端——CSS的命名規範和範例

相關文章