W3C標準的div+css命名規則到底有什麽用？首先是讓自己和他人清楚的知道你要寫的是什麽內容，最重要的是讓搜索引擎的網路蜘蛛能判斷正確內容及資料重要程度。標準的DIV+CSS命名規則非常有利於SEO。
一、樣式文件命名
| 主要的 | master.css |
| 版面 | layout.css |
| 專欄 | columns.css |
| 文字 | font.css |
| 列印樣式 | print.css |
| 主題 | themes.css |
二、css name命名規則
| wrap(wrapper) | 頁面內容最大區塊 |
| header | 頁首 |
| nav(navgation) | 導覽列 |
| subNav | 子導覽 |
| menu | 主選單 |
| subMenu | 子選單(副選單) |
| category | 分類選單 |
| footer | 頁尾 |
| layout | 排版用的表格 |
| logo | 網站標誌 |
| search | 搜尋 |
| advSearch | 進階搜尋 |
| update | 更新時間 |
| date | 時間 |
| visitor | 瀏覽人次 |
| print | 友善列印 |
| path | 路徑，又稱麵包屑 |
| page | 分頁 |
| pre | 上一頁 |
| next | 下一頁 |
| download | 下載 |
| related | 相關連結 |
| more | 更多(如：更多訊息) |
| qLink (quick Link) | 快速連結 |
| epaper | 電子報 |
| login | 登入 |
| register | 註冊 |
| copyright | 版權宣告 |
| privacy | 隱私權宣告 |
| accessibility | 無障礙網頁空間宣告 |
| markA | 無障礙標章 |
| ad | 廣告橫幅 |
| help | 說明 |
| vote | 投票 |
| forum | 討論 |
| album | 相簿 |
| blog | 部落格 |
| rss | rss訂閱 |
| msg | 訊息 |
| menber | 會員 |
| video | 影音 |
| group | 分眾 |
| service | 服務 |
| tip | 提示、技巧 |
| sitemap | 網站地圖 |
| about | 關於 |
| news | 新聞 |
| events | 活動 |
| headline | 頭條新聞 |
| instant | 即時新聞 |
| color | 色彩更換 |
| text | 字體大小更換 |
沒有留言