你不知道的DIV+CSS的命名規則

搜索引擎優化(seo)有很多工作要做,其中對代碼的優化是一個很關鍵的步驟。爲了更加符合SEO的規範,下面是目前比較好的CSS+DIV的命名規則

 

1DIV CLASS或者ID

 

頁頭:header

 

登錄條:loginBar

標誌:logo

側欄:sideBar

廣告:banner

導航:nav

子導航:subNav

菜單:menu

子菜單:subMenu

搜索:search

滾動:scroll

頁面主體:main

內容:content

標籤頁:tab

文章列表:list

提示信息:msg

小技巧:tips

欄目標題:title

友情鏈接:friendLink

頁腳:footer

加入:joinus

指南:guild

服務:service

熱點:hot

新聞:news

下載:download

註冊:regsiter

狀態:status

按鈕:btn

投票:vote

合作伙伴:partner

版權:copyRight

2CSS ID的命名

 

外套:wrap

 

主導航:mainNav

子導航:subnav

頁腳:footer

整個頁面:content

頁眉:header

頁腳:footer

商標:label

標題:title

主導航:mainNav(globalNav)

頂導航:topnav

邊導航:sidebar

左導航:leftsideBar

右導航:rightsideBar

旗志:logo

標語:banner

菜單內容1:menu1Content

菜單容量:menuContainer

子菜單:submenu

邊導航圖標:sidebarIcon

註釋:note

麪包屑:breadCrumb(即頁面所處位置導航提示)

容器:container

內容:content

搜索:search

登陸:login

功能區:shop(如購物車,收銀臺)

當前的current

3樣式文件命名

 

主要的:master.css

 

佈局版面:layout.css

專欄:columns.css

文字:font.css

打印樣式:print.css

主題:themes.css

日期:2019.11.1

廣州      賴忠標

發佈了82 篇原創文章 · 獲贊 81 · 訪問量 25萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章