DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS+DIV標簽命名規范
CSS+DIV標簽命名規范
編輯:CSS詳解     

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

  登錄條: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

  1.CSSID的命名
  外套: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

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved