CSS常用語義命名
css 命名上通常需要語義化來命名,遵循的格式一般都是域名-語義, 域名一般都是與業務有關,而語義則說明該部分的標籤到底要做啥。下面列表主要是常用功能語義標題。這個來自於很久遠一位大神的筆記摘抄部分,感謝那位大神
中文 |
語義名稱 |
頭 |
header |
內容 |
content/container |
尾 |
footer |
導航 |
nav |
側欄 |
sidebar |
欄目 |
column |
頁面外圍控制整體佈局寬度 |
wrapper |
左右中 |
left right center |
登錄條 |
loginbar |
標誌 |
logo |
廣告 |
banner |
頁面主體 |
main |
熱點 |
hot |
新聞 |
news |
下載 |
download |
子導航 |
subnav |
菜單 |
menu |
子菜單 |
submenu |
搜索 |
search |
友情鏈接 |
friendlink |
頁腳 |
footer |
版權 |
copyright |
滾動 |
scroll |
內容 |
content |
標籤 |
tags |
文章列表 |
list |
提示信息 |
msg |
小技巧 |
tips |
欄目標題 |
title |
加入 |
joinus |
指南 |
guide |
服務 |
service |
註冊 |
regsiter |
狀態 |
status |
投票 |
vote |
合作伙伴 |
partner |
導航 |
nav |
主導航 |
mainnav |
子導航 |
subnav |
頂導航 |
topnav |
邊導航 |
sidebar |
左導航 |
leftsidebar |
右導航 |
rightsidebar |
菜單 |
menu |
子菜單 |
submenu |
標題 |
title |
摘要 |
summary |