首頁  >  文章  >  web前端  >  WEB前端規範命名的介紹

WEB前端規範命名的介紹

PHP中文网
PHP中文网原創
2017-06-21 14:33:161816瀏覽

頭部header ----------------用於頭部
主要內容main ------------用於主體內容(中部)
左側main-left -------------左側佈局
右側main-right -----------右側佈局

外套wrap ------------------用於最外層

導航條nav ------- ----------網頁選單導航條
內容content ---------------用於網頁中部主體
底部footer ------ -----------用於底部

網頁公共命名:
#wrapper頁面外圍控制整體佈局寬度
#container或#content容器,
用於最外層#layout佈局
#head, #header頁頭部分
foot, #footer頁尾部分
#nav主導覽
#subnav二級導覽
#menu選單#submenu子選單
#sideBar側邊欄#sidebar_a, #sidebar_b左邊欄或右邊欄位
#main頁面主體
#tag標籤#msg #message提示訊息#tips小技巧#vote投票
#friendlink友情連結
##title標題#summary摘要
#loginbar登入條
#searchInput搜尋輸入框
#hot熱門熱點#search搜尋
#search_output搜尋輸出和搜尋結果相似
#searchBar搜尋條
#search_results搜尋結果
#copyright版權資訊#branding商標
#logo網站LOGO標誌
#siteinfo網站資訊#siteinfoLegal法律聲明
#siteinfoCredits信譽#joinus加入我們
#partner合作夥伴#service服務
##regsiter註冊arr/ arrow箭頭
#guild指南#sitemap網站地圖
#list清單#homepage首頁
#subpage二級頁面子頁面
tool, # toolbar工具條#drop下拉#dorpmenu下拉選單
#status狀態#scroll捲動.
tab標籤頁.left .right .center居左、中、右.news新聞
.download下載
.banner廣告條(頂部廣告條)電子貿易相關.products產品
.products_prices產品價格.products_description產品描述
.products_review產品評論
.editor_review編輯評論.news_release最新產品
.publisher生產商.screenshot縮圖
.faqs常見問題.keyword關鍵字.blog部落格
#.forum論壇CSS檔案命名說明master.css,style.css主要的module.css模組base.css基本上共用layout.css佈局,版面themes.css主題columns.css專欄font.css文字、字體forms.css表單mend.css補丁print.css列印

以上是WEB前端規範命名的介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:模特兒展示下一篇:模特兒展示