常见的命名参考规范

最新推荐文章于 2020-12-03 10:05:57 发布

姓周

最新推荐文章于 2020-12-03 10:05:57 发布

阅读量266

点赞数

分类专栏：拓展

本文链接：https://blog.csdn.net/XianYu_12/article/details/99569815

版权

15 篇文章 0 订阅

订阅专栏

web语义化
1）标签语义化，如在合适的地方用合适的语义化标签，如头部可用

、尾部可用

2）命名语义化，包括html的id和class的命名，javascript相关命名；如#header{}、.footer{}、等。

### 一，主体

### 二，id的命名规范
(1)页面结构

### 三，class的命名

(1)颜色：使用颜色的名称或者16进制代码
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }
(2)字体大小，直接使用“font+字体大小”作为名称
.font12px { font-size: 12px; }
.font9pt {font-size: 9pt; }
(3)对齐样式，使用对齐目标的英文名称
.left { float:left; }
.bottom { float:bottom; }
(4)标题栏样式，使用“类别+功能”的方式命名
.barnews { } .barproduct { }

Tips：

1.一律小写
2.尽量用英文(汉字跨域或引入会需要解码,很麻烦)；
3.尽量不加中杠和下划线；
4.尽量不缩写，除非一看就明白的单词，如：wrapper可以写成wrap。
5.css文件命名规范：主要的 master.css；模块 module.css；基本共用 base.css；布局，版面layout.css；主题 themes.css；专栏 columns.css；文字 font.css；表单 forms.css；补丁 mend.css；打印print.css