本人參考了國內外的一些大型網站,整理了網頁最常用的ClassName集合,共有100+個。希望對前端小朋友們有那麼一點幫助。:)
about 關於 account 賬戶 action 操作 ad,advertisment 廣告 arrow 箭頭圖標 article 文章 aside 邊欄 audio 音頻 avatar 頭像 background 背景 banner 條幅,廣告 bar 條 branding 品牌化 breadcrumbs 面包屑 button 按鈕 caption 標題,說明 category 分類 chart 圖表 clearfix 清除浮動 close 關閉 column 列 comment 評論 community 社區 container 容器 content 內容 copyright 版權 current 當前態,選中態 default 默認 description 描述 details 細節 disabled 不可用 entry 文章,博文 error 錯誤 even 偶數,常用於多行列表或表格中 fail 失敗(提示) feature 專題 fewer 收起 field 用於表單的輸入區域 figure 圖 filter 篩選 first 第一個,常用於列表中 footer 頁腳 forum 論壇 gallery 畫廊 group 模塊,清除浮動 header 頁頭 help 幫助 hide 隱藏 hightlight 高亮 home 主頁 icon 圖標 information 信息 last 最後一個,常用於列表中 links 鏈接 login 登錄 logout 退出 logo 標志 main 主體 menu 菜單 meta 作者、更新時間等信息欄,一般位於標題之下 module 模塊 more 更多(展開) msg,message 消息 nav,navigation 導航 next 下一頁 nub 小塊 odd 奇數,常用於多行列表或表格中 off 鼠標離開 on 鼠標移過 output 輸出 pagination 分頁 popup 彈窗 preview 預覽 previous 上一頁 primary 主要 progress 進度條 promotion 促銷 recommendations 推薦 register 注冊 save 保存 search 搜索 secondary 次要 section 區塊 selected 已選 share 分享 show 顯示 sidebar 邊欄,側欄 sign in 登錄 sign up 注冊 slide 幻燈片,圖片切換 sort 排序 sub 次級的,子級的 submit 提交 subscribe 訂閱 subtitle 副標題 success 成功(提示) summary 摘要 summit 提交 tab 標簽頁 table 表格 text 文本 thumbnail 縮略圖 time 時間 tips 提示 title 標題 video 視頻 wrap 容器,包,一般用於最外層 wrapper 容器,包,一般用於最外層