網站建設中合理命名DIV+CSS使網站更利于SEO:

    SEO角度的網站建設要考慮的問題非常多，其中選擇更利于SEO的DIV+CSS代碼就是其一，眾所周知，搜索引擎喜歡簡潔的代碼，利用DIV+CSS進行網站建設，能讓網頁大大地簡潔,對于一個大型網站建設項目來說，簡潔的DIV+CSS代碼還可以節省大量帶寬，所以利用先進的DIV+CSS的代碼進行網站建設是網站優化過程中一個非常關鍵的步驟。而在書寫div代碼的時候如何命名DIV的CSS樣式是許多新人困惑的問題，為了讓網站更利于SEO，隨州SEO特將CSS+DIV的命名規則整理出來，分享給廣大SEOer。

先來看看一個標準的使用DIV+CSS的網站布局例子：

　　body {}　/*這是一個HTML元素，具體我就不說明了*/

　　#Container {}　/*頁面層容器*/

　　　　　#Header {}　/*頁面頭部*/

　　　　　#PageBody {}　/*頁面主體*/

　　　　　　 #Sidebar {}　/*側邊欄*/

　　　　　　 #MainBody {}　/*主體內容*/

　　　　　#Footer {}　/*頁面底部*/

網頁頭部：header 

登錄部分：loginBar

 

網站標志：logo

側欄：sideBar

 

標語或廣告：banner

網站導航部分：nav 

子導航：subNav

菜單：menu

子菜單：subMenu

搜索：search

滾動：scroll

頁面主體：main

內容：content

標簽頁：tab

文章列表：list

提示信息：msg

小技巧：tips

欄目標題：title

加入：joinus

指南：guild

服務：service

熱點：hot

新聞：news

下載：download

注冊：regsiter

狀態：status

按鈕：btn

投票：vote

合作伙伴：partner

友情鏈接：friendLink

頁腳：footer

版權：copyRight 

1.CSS 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

2、樣式文件命名

主要的 master.css

布局，版面 layout.css

專欄 columns.css

文字 font.css

打印樣式 print.css

主題 themes.css



關鍵詞：成都網站建設,成都網站制作,成都網頁設計,成都網站建設公司,成都網站優化,成都SEO,成都軟件開發,成都軟件定制,成都軟件外包,成都軟件外包公司,賽維思,成都賽維思