div css命名規(guī)范 css class命名規(guī)則(符合SEO規(guī)范)
發(fā)布時間:2013-03-22 16:30:39 作者:佚名
我要評論

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