規(guī)范使用DIV+CSS命名規(guī)則 增強(qiáng)優(yōu)化功效

頁頭：header

登錄條：loginBar

標(biāo)志：logo

側(cè)欄：sideBar

廣告：banner

導(dǎo)航：nav

子導(dǎo)航：subNav

菜單：menu

子菜單：subMenu

搜索：search

滾動(dòng)：scroll

頁面主體：main

內(nèi)容：content

標(biāo)簽頁：tab

文章列表：list

提示信息：msg

小技巧：tips

欄目標(biāo)題：title

加入：joinus

指南：guild

服務(wù)：service

熱點(diǎn)：hot

新聞：news

下載：download

注冊(cè)：regsiter

狀態(tài)：status

按鈕：btn

投票：vote

合作伙伴：partner

友情鏈接：friendLink

頁腳：footer

版權(quán)：copyRight

1.CSS ID 的命名

外　套：　　wrap

主導(dǎo)航：　　mainNav

子導(dǎo)航：　　subnav

頁　腳：　　footer

整個(gè)頁面：　content

頁　眉：　　header

頁　腳：　　footer

商　標(biāo)：　　label

標(biāo)　題：　　title

主導(dǎo)航：　　mainNav(globalNav)

頂導(dǎo)航：　　topnav

邊導(dǎo)航：　　sidebar

左導(dǎo)航：　　leftsideBar

右導(dǎo)航：　　rightsideBar

旗　志：　　logo

標(biāo)　語：　　banner

菜單內(nèi)容1： menu1Content

菜單容量：　menuContainer

子菜單：　　submenu

邊導(dǎo)航圖標(biāo)：sidebarIcon

注釋：　　　note

面包屑：　　breadCrumb(即頁面所處位置導(dǎo)航提示)

容器：　　　container

內(nèi)容：　　　content

搜索：　　　search

登陸：　　　login

功能區(qū)：　　shop(如購物車，收銀臺(tái))

當(dāng)前的　　　current

2.另外在編輯樣式表時(shí)可用的注釋可這樣寫：

<– Footer –>

內(nèi)容區(qū)

<– End Footer –>

3.樣式文件命名

主要的 master.css

布局，版面 layout.css

專欄 columns.css

文字 font.css

打印樣式 print.css

主題 themes.css

網(wǎng)頁題目：規(guī)范使用DIV+CSS命名規(guī)則 增強(qiáng)優(yōu)化功效
當(dāng)前網(wǎng)址：http://www.muchs.cn/news46/96596.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、網(wǎng)頁設(shè)計(jì)公司、網(wǎng)站制作、域名注冊(cè)、網(wǎng)站設(shè)計(jì)公司、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)