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