CSS命名規(guī)范重要性:
1、為以后html5+css3.0發(fā)展方向打下基礎(chǔ)。
現(xiàn)在命名頭部、底部等大家習(xí)慣用 header、footer來命名,最終html調(diào)用css樣式既是<div class="header">這種形式,以后html5+css3.0標(biāo)準(zhǔn)將是直接用<header>標(biāo)簽來表示頭部部分了,所以為以后版本升級(jí)規(guī)范有一定好處,雖然達(dá)到兼容html5+css3.0瀏覽器還早,但是可以為div+css開發(fā)者來說可以先注意一下。
2、css命名規(guī)范可以節(jié)約團(tuán)隊(duì)開發(fā)時(shí)間。
特別在團(tuán)隊(duì)合作開發(fā)網(wǎng)站項(xiàng)目中,大家規(guī)范的來制作一套共識(shí)的css命名,將節(jié)約開發(fā)時(shí)間及成本,如果開發(fā)項(xiàng)目中div+css開發(fā)者亂命名css,將給后來的程序員的解讀帶來不便。
3、css命名規(guī)范可為以后維護(hù)帶來方便
Div+css開發(fā)好后網(wǎng)站項(xiàng)目制作好后,很難保證以后不調(diào)整及優(yōu)化,這樣自己沒有自己一套css命名特點(diǎn),將為自己以后的維護(hù)帶來不便。
良好的css 命名規(guī)范,對(duì)于網(wǎng)站的優(yōu)化也是極為有利的,更容易被搜索引擎識(shí)別抓取,那么今天赤峰網(wǎng)站建設(shè)公司小編就總結(jié)了一些命名分享給您:
頭:header
內(nèi)容:content/container
尾:footer
導(dǎo)航:nav
側(cè)欄:sidebar
欄目:column
頁面外圍控制整體布局寬度:wrapper
左右中:left right center
登錄條:loginbar
標(biāo)志:logo
廣告:banner
頁面主體:main
熱點(diǎn):hot
新聞:news
下載:download
子導(dǎo)航:subnav
菜單:menu
子菜單:submenu
搜索:search
友情鏈接:friendlink
頁腳:footer
版權(quán):copyright
滾動(dòng):scroll
內(nèi)容:content
標(biāo)簽頁:tab
文章列表:list
提示信息:msg
小技巧:tips
欄目標(biāo)題:title
加入:joinus
指南:guild
服務(wù):service
注冊(cè):regsiter
狀態(tài)態(tài):status
投票:vote
合作伙伴:partner
注釋的寫法
/* Footer */
內(nèi)容區(qū)
/* End Footer */
id的命名
容器: container
頁頭:header
內(nèi)容:content/container
頁面主體:main
頁尾:footer
導(dǎo)航:nav
側(cè)欄:sidebar
欄目:column
頁面外圍控制整體布局寬度:wrapper
左右中:left right center
導(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
功能
標(biāo)志:logo
廣告:banner
登陸:login
登錄條:loginbar
注冊(cè):regsiter
搜索:search
功能區(qū):shop
標(biāo)題:title
加入:joinus
狀態(tài):status
按鈕:btn
滾動(dòng):scroll
標(biāo)簽頁:tab
文章列表:list
提示信息:msg
當(dāng)前的: current
小技巧:tips
圖標(biāo): icon
注釋:note
指南:guild
服務(wù):service
熱點(diǎn):hot
新聞:news
下載:download
投票:vote
合作伙伴:partner
友情鏈接:link
版權(quán):copyright
作為一家專業(yè)的赤峰網(wǎng)絡(luò)公司,我們秉承用專業(yè)的技術(shù),為您提供更優(yōu)質(zhì)的網(wǎng)站建設(shè)服務(wù)。
本文鏈接地址:http://www.bj7v5.com.cn/wzjs/234.html轉(zhuǎn)載請(qǐng)注明出處!
日期:2020-04-28 瀏覽次數(shù):7246
日期:2020-04-28 瀏覽次數(shù):7172
日期:2020-04-28 瀏覽次數(shù):7151
日期:2020-04-28 瀏覽次數(shù):6855
日期:2020-04-27 瀏覽次數(shù):7006
日期:2020-04-27 瀏覽次數(shù):6879
日期:2020-04-27 瀏覽次數(shù):8198
日期:2020-04-27 瀏覽次數(shù):7575
日期:2020-04-25 瀏覽次數(shù):6794
日期:2019-08-30 瀏覽次數(shù):9828