做SEO的應該都知道,搜索引擎對富有語義化的、結構清晰的DIV+CSS佈局是比較青睞的,W3C規範也正是基於“內容與表現分離”這一理念制定的。WEB設計者最好選擇合適的、有意義的元素去描述你的內容,確保您所選擇的是富有語義的class和id特徵值,如果你已經這樣做了應該體會到了這一方法的優越性。尤其是在團隊合作時,對團隊其他成員來說有意義的內容描述,能讓其更容易看懂你的WEB內容,這一點尤爲重要。鄭州SEO總結了以下這些命名規則以作大家參考。
(1)頁面結構
容器: container
頁頭:header
外套:wrap/wrapper
頁面主體:main
內容:content/container
頁腳:footer
導航:nav
側欄:sidebar
欄目:column
左中右:left center right
(2)導航
導航:nav
主導航:mainbav
子導航:subnav
頂導航:topnav
邊導航:sidebar
左導航:leftsidebar
右導航:rightsidebar
麪包屑:breadCrumb
菜單:menu
子菜單:submenu
標題: title
摘要: summary
(3)功能
標誌:logo
廣告:ad
廣告條:banner
登陸:login
登錄條:loginbar
註冊:regsiter
搜索:search
功能區:shop
標題:title
加入:joinus
狀態:status
按鈕:btn
滾動:scroll
標籤頁:tab
文章列表:list
提示信息:msg
當前的: current
小技巧:tips
圖標: icon
註釋:note
指南:guild
服務:service
熱點:hot
新聞:news
下載:download
投票:vote
合作伙伴:partner
友情鏈接:link
版權:copyright