雖說網頁切版不一定非要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 →字體大小更換

,

螺絲帽帽/記錄者 發表在 痞客邦 PIXNET 留言(0) 人氣()