經典時尚慢流行

雖說網頁切版不一定非要CSS不可，不過近年來CSS已經成為了大趨勢，不僅原始碼精簡不少，維護樣式也超級好用!

所以做網頁設計這行，CSS絕對是個大台階!

既然都要朝CSS邁進了，與其混亂命名Class name，不如一次到位的學好命名規則，這樣長期下來，一看就知道這個class是寫哪個區塊的。

以下就來介紹符合SEO的命名規則

1.連結的樣式名:

主要的 →master.css

版面 →layout.css

專欄 →columns.css

文字 →font.css

列印 →print.css

主題 →themes.css

2.各區塊的名稱:

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 →字體大小更換