作为一个前端程序员来说，遇到给class和id或者图片起名字的时候都是最头疼的。 基本操作：打开翻译软件->输入汉字—>翻译内容->翻译的什么玩意儿？自己再修改一下，可能最终发现还是不修改的比较好，或者突然想到了一个乱七八糟的名字，直接给安上了
这篇文章不能保证你每次命名都是那么快速，不用头疼，但是可以给你提供一个策略。学习借鉴之用
id的命名:
页面结构
-
容器: container
-
页头：header
-
内容：content/container
-
页面主体：main
-
页尾：footer
-
导航：nav
-
侧栏：sidebar
-
栏目：column
-
页面外围控制整体佈局宽度：wrapper
-
左右中：left right center
导航
-
导航：nav
-
主导航：mainnav
-
子导航：subnav
-
顶导航：topnav
-
边导航：sidebar
-
左导航：leftsidebar
-
右导航：rightsidebar
-
菜单：menu
-
子菜单：submenu
-
标题: title
-
摘要: summary
功能
-
标志：logo
-
广告：banner
-
登陆：login
-
登录条：loginbar
-
注册：register
-
搜索：search
-
功能区：shop
-
标题：title
-
加入：joinus
-
状态：status
-
按钮：btn
-
滚动：scroll
-
标籤页：tab
-
文章列表：list
-
提示信息：msg
-
当前的: current
-
小技巧：tips
-
图标: icon
-
注释：note
-
指南：guild
-
服务：service
-
热点：hot
-
新闻：news
-
下载：download
-
投票：vote
-
合作伙伴：partner
-
友情链接：link
-
版权：copyright
CSS样式表文件命名
-
主要的master.css
-
模块module.css
-
基本共用base.css
-
布局、版面layout.css
-
主题themes.css
-
专栏columns.css
-
文字font.css
-
表单forms.css
-
补丁mend.css
-
打印print.css
