div css命名規(guī)范 css class命名規(guī)則(符合SEO規(guī)范)
發(fā)布時(shí)間：2013-03-22 16:30:39 作者：佚名 
我要評(píng)論
我要評(píng)論代碼的優(yōu)化是搜索引擎優(yōu)化(seo)中一個(gè)很關(guān)鍵的步驟，為了符合SEO的規(guī)范，本文整理了一下目前流行的CSS+DIV的命名規(guī)則，感興趣的朋友可以參考下哈，希望可以幫助到你
搜索引擎優(yōu)化(seo)有很多工作要做，其中對(duì)代碼的優(yōu)化是一個(gè)很關(guān)鍵的步驟。為了更加符合SEO的規(guī)范，
下面是目前流行的CSS+DIV的命名規(guī)則：
頁(yè)頭:header
登錄條:loginBar
標(biāo)志:logo
側(cè)欄:sideBar
廣告:banner
導(dǎo)航:nav
子導(dǎo)航:subNav
菜單:menu
子菜單:subMenu
搜索:search
滾動(dòng):scroll
頁(yè)面主體:main
內(nèi)容:content/container/box
標(biāo)簽頁(yè):tab
文章列表:list
提示信息:msg
小技巧:tips
欄目標(biāo)題:title
加入:joinus
指南:guild
服務(wù):service
熱點(diǎn):hot
新聞:news
下載:download
注冊(cè):regsiter
狀態(tài):status
按鈕:btn
投票:vote
友情鏈接:friendLink
頁(yè)腳:footer
合作伙伴:partner
版權(quán):copyRight
CSSID的命名
外套:wrap
主導(dǎo)航:mainNav
子導(dǎo)航:subnav
頁(yè)眉:header
頁(yè)腳:footer
整個(gè)頁(yè)面:main
商標(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)語(yǔ):banner
菜單內(nèi)容1:menu1Content
菜單容量:menuContainer
容器:container/box
內(nèi)容:content
子菜單:submenu
邊導(dǎo)航圖標(biāo):sidebaricon
注釋:note
搜索:search
登陸:login
功能區(qū):shop(如購(gòu)物車，收銀臺(tái))
當(dāng)前的current
面包屑:breadCrumb(即頁(yè)面所處位置導(dǎo)航提示)
樣式文件命名
主要的:master.css
布局版面:layout.css
專欄:columns.css
文字:font.css
打印樣式:print.css
主題:themes.css
通用：common.css/public
下面是目前流行的CSS+DIV的命名規(guī)則：
頁(yè)頭:header
登錄條:loginBar
標(biāo)志:logo
側(cè)欄:sideBar
廣告:banner
導(dǎo)航:nav
子導(dǎo)航:subNav
菜單:menu
子菜單:subMenu
搜索:search
滾動(dòng):scroll
頁(yè)面主體:main
內(nèi)容:content/container/box
標(biāo)簽頁(yè):tab
文章列表:list
提示信息:msg
小技巧:tips
欄目標(biāo)題:title
加入:joinus
指南:guild
服務(wù):service
熱點(diǎn):hot
新聞:news
下載:download
注冊(cè):regsiter
狀態(tài):status
按鈕:btn
投票:vote
友情鏈接:friendLink
頁(yè)腳:footer
合作伙伴:partner
版權(quán):copyRight
CSSID的命名
外套:wrap
主導(dǎo)航:mainNav
子導(dǎo)航:subnav
頁(yè)眉:header
頁(yè)腳:footer
整個(gè)頁(yè)面:main
商標(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)語(yǔ):banner
菜單內(nèi)容1:menu1Content
菜單容量:menuContainer
容器:container/box
內(nèi)容:content
子菜單:submenu
邊導(dǎo)航圖標(biāo):sidebaricon
注釋:note
搜索:search
登陸:login
功能區(qū):shop(如購(gòu)物車，收銀臺(tái))
當(dāng)前的current
面包屑:breadCrumb(即頁(yè)面所處位置導(dǎo)航提示)
樣式文件命名
主要的:master.css
布局版面:layout.css
專欄:columns.css
文字:font.css
打印樣式:print.css
主題:themes.css
通用：common.css/public
相關(guān)文章
- 這篇文章主要匯總介紹了DIV+CSS命名規(guī)范，十分的全面，也很詳細(xì)，推薦給想學(xué)習(xí)DIV+CSS的小伙伴們。2015-01-09
- 用過(guò)CSS hack的朋友應(yīng)該知道，用下劃線命名也是一種hack，如使用_style這樣的命名，可以讓IE外的大部分瀏覽器忽略這個(gè)樣式的定義。這篇文章主要為大家介紹了css布局命名時(shí)2014-06-16
有利于SEO優(yōu)化的DIV+CSS的命名規(guī)則小結(jié)
DIV+CSS的命名規(guī)則小結(jié)，讓搜索引擎讀懂你的樣式表。2010-03-17div+css樣式表的id和class常用命名規(guī)則
用div+css樣式表寫(xiě)頁(yè)面有一段時(shí)間了，起初寫(xiě)div+css樣式表的時(shí)候，最讓我頭疼的不是怎么寫(xiě)樣式，而是給div+css樣式起名，怎么樣起才合適呢？2009-10-29有利于SEO的DIV+CSS的命名規(guī)則小結(jié)
由于項(xiàng)目中編寫(xiě)文檔結(jié)構(gòu)、編寫(xiě)CSS的人員較多，并與程序員協(xié)同工作，所以就需要統(tǒng)一開(kāi)發(fā)規(guī)范，根據(jù)XHTMl和CSS編織的規(guī)范和大多人的習(xí)慣，整理了以下針對(duì)本項(xiàng)目的一個(gè)簡(jiǎn)單的2009-10-15- 關(guān)于CSS中的命名規(guī)則（其實(shí)我覺(jué)得是XHTML元素的命名規(guī)則更加合理些）這個(gè)問(wèn)題，已經(jīng)有很多人在說(shuō)了，其中也不乏一些真知灼見(jiàn),不過(guò)這種東西也是仁者見(jiàn)仁2008-10-17
詳解DIV+CSS的命名規(guī)矩才能有利于SEO優(yōu)化的實(shí)現(xiàn)方法
這篇文章主要介紹了DIV+CSS的命名規(guī)矩才能有利于SEO優(yōu)化的實(shí)現(xiàn)方法,需要的朋友可以參考下2018-11-15