核心提示:一、代码规范1)所有书写均在英文半角状态下的小写;2)所有标签必须闭合;3)统一用tab键缩进;4)属性值必须带引号(单引或双引);5)ul,li/ol,li/dl,dt,dd拥有父子级关系的标签,下...
一、代码规范
1)所有书写均在英文半角状态下的小写;
2)所有标签必须闭合;
3)统一用tab键缩进;
4)属性值必须带引号(单引或双引);
5)ul,li/ol,li/dl,dt,dd拥有父子级关系的标签,下一级只能嵌套对应的列表项子级
6)p,dt,h标签 里面不能嵌套块属性标签;
7)a标签不能嵌套a;
8)内联元素不能嵌套块;(a除外)
9)对“<”“>”之类的特殊符号进行实体转义<>
二、文件命名
1)文件名中只可由英文字母a~z、排序数字0~9或间隔符-组成。
2)蚊件名中禁止包含特殊符号,比如空格、$等
3)文件名统一使用小写字母,文件名使用英文名词命名,或英文简写
三、图片
1)所有img元素必须加上width height alt属性,修饰性图片alt值留空
2)图片命名
A) 图片后缀命名一律小写。
B) 使用间隔符 - 进行连接。
一般背景图片以bg-开头,
按钮图片以btn-开头,
图标图片以icon-开头,
聚合图以spr-开头,后跟英文单词,如果名称过长,适当使用缩写
六 、命名规范
1)命名的两种方式:
ID命名:具有唯一性(身份证号) 相同的ID名只能在页面中出现一次, 并且ID只能有一个名字
class类名:class的类名可以在页面中重复出现,并且一个元素可以有多个类名,(中间以空格分开)
2)HTML命名规范:
A 用小写字母
B 以英文开头 可以包含(英文字母 - _ 数字)
C (见名知意)
3)拓展名写法:
A 加 - 或 _
(腾讯:下划线 ' _ ' 禁止出现在class命名中,统一使用 '-' 连字符)
B 驼峰命名 第二单词大写
(腾讯:禁止驼峰式命名)