我写这篇文章的目的很明确,就是为广大网友包括我自己提供写css命名规范的做一个参照,特别是不怎么会英文的同学,不懂如何命名的时候就上来查查。你可以直接在浏览器中按Ctrl+F然后查找你想的词对应的英文。
注:对于连字符的应用,常用的有三种
1、 下划线(如article_hd)
2、 横杠号(横杠)(如article-hd)
3、 驼峰法(如articleHd)
具体你选择用哪种都是合理的,但需要提的一点是,请全站统一,尤其是在多人合用的时候特别需要这样!本文选用第一种。
本表格会实时更新,如果你对以下表格中的某一项有修改意见,或者有其他命名要加上来的话,可以直接M我或在下面留言!谢谢!
中文单词 | 对应英文 | 中文单词 | 对应英文 |
---|---|---|---|
头部 | hader、head、hd | 尾部 | foter、foot、ft |
导航 | nav | 菜单 | menu |
子导航 | subnav | 子菜单 | submenu |
标志 | logo | 登录条 | loginbar |
侧栏 | sidebar | 广告 | banner |
搜索 | search | 滚动 | scroll |
页面主体 | main | 内容 | content |
标签页 | tab | 标签 | tag |
列表 | list | 信息 | message、msg |
小技巧 | tips | 标题 | title |
添加 | add | 加入 | joinus |
指南 | guild | 服务 | service |
热点 | hot | 新闻 | news |
下载 | download | 注册 | regsiter |
状态 | status | 按钮 | button、btn |
投票 | vote | 合作伙伴 | partner |
友情链接 | firendlink | 链接 | Link |
好友 | friend | 版权 | copyright |
文字 | font | 公用 | public |
主题 | themes、theme | 模块 | module、mod |
更多 | more | 总数 | sum |
数字 | number、num | 成员 | member |
在线 | online | 线条 | line |
自定义 | custom | 基础 | base |
分享 | share | 类型 | type |
样式 | style | 盒子 | box |
过滤 | filter | 开始 | start |
结束 | end | 用户 | user |
打开 | open | 会员 | vip |
上 | top | 下 | bottom |
左 | left | 右 | right |
电影 | moves | 电视 | tv |
音乐 | music | 书籍 | books |
优惠 | discount | 美食 | foods |
娱乐 | entertainment | 旅游 | tour |
商品 | tour | 酒店 | wineshop |
注释 | note | 外围 | wrap |
摘要 | summary | 当前的 | current |
编辑 | edit | 图标 | icon |
照片 | photos | 头像 | avatar |
视频 | videos | 显示 | show |
隐藏 | hide | 询问 | ask |
回复/回答 | reply | 举报 | report |
评论 | comment | 提交 | submit |
时间 | time | 分页 | pages |
联系人 | contacts | 收藏 | favorites |
文档 | demo | 二级 | second |
相簿 | album |