您现在的位置:首页 >> 前端 >> 内容

HTML代码规范总结

时间:2018/3/24 11:14:04 点击:

  核心提示:一、代码规范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 驼峰命名 第二单词大写

(腾讯:禁止驼峰式命名)

Tags:HT TM ML L代 
作者:网络 来源:牛牛别次的博客