在學(xué)下節(jié)課之前我先講些學(xué)前需要知道的知識
1、養(yǎng)成書寫規(guī)范的DIV標(biāo)簽
搜索引擎優(yōu)化(seo)中,對代碼的優(yōu)化也是一個很關(guān)鍵的步驟。為了更加符合SEO的規(guī)范,下面是目前流行的CSS+DIV的命名規(guī)則:
DIV ID命名
頁頭:header
登錄條:loginBar
標(biāo)志:logo
側(cè)欄:sideBar
廣告:banner
導(dǎo)航:nav
子導(dǎo)航:subNav
菜單:menu
子菜單:subMenu
搜索:search
滾動:scroll
頁面主體:main
內(nèi)容:content
標(biāo)簽頁:tab
文章列表:list
提示信息:msg
小技巧:tips
欄目標(biāo)題:title
友情鏈接:friendLink
頁腳:footer
加入:joinus
指南:guild
服務(wù):service
熱點:hot
新聞:news
下載:download
注冊:regsiter
狀態(tài):status
按鈕:btn
投票:vote
合作伙伴:partner
版權(quán):copyRight
CSS ID的命名
外套:wrap
主導(dǎo)航:mainNav(globalNav)
子導(dǎo)航:subNav
頁腳:footer
整個頁面:content
頁眉:header
頁腳:footer
商標(biāo):label
標(biāo)題:title
頂導(dǎo)航:topNav
邊導(dǎo)航:sideBar
左導(dǎo)航:leftsideBar
右導(dǎo)航:rightsideBar
標(biāo)識:logo
標(biāo)語:banner
菜單1內(nèi)容:menu1Content
菜單1容量:menu1Container
子菜單:submenu
邊導(dǎo)航圖標(biāo):sidebarIcon
注釋:note
面包屑:breadCrumb(即頁面所處位置導(dǎo)航提示)
容器:container
內(nèi)容:content
搜索:search
登陸:login
功能區(qū):shop(如購物車,收銀臺)
當(dāng)前的current
樣式文件命名
全站標(biāo)簽?zāi)J樣式:general.css或global.css
布局版式設(shè)計樣式:layout.css或container.css
通用樣式(如文字、表單等):style.css
專欄/頻道樣式:columns.css
打印輸出樣式:print.css
主題模板樣式:themes.css