HTML规范(个人总结)

版权声明:本文为博主原创文章,未经博主允许不得转载。

一、HTML规范

1.1代码规范

- 所有书写均在英文半角状态下的小写;
- 所有标签必须闭合;
- 统一用tab键缩进;
- 属性值必须带引号(单引或双引);
- ul,li/ol,li/dl,dt,dd拥有父子级关系的标签,下一级只能嵌套对应的列表项子级;
- p,dt,h标签  里面不能嵌套块属性标签;
- a标签不能嵌套a;
- 内联元素不能嵌套块;(a除外)
- 对“<”“>”之类的特殊符号进行实体转义!

1.2文件命名


- 文件名中只可由英文字母a~z、排序数字0~9或间隔符-组成。
- 蚊件名中禁止包含特殊符号,比如空格、$等
- 文件名统一使用小写字母,文件名使用英文名词命名,或英文简写

1.3图片


- 所有img元素必须加上width height alt属性,修饰性图片alt值留空
- 图片命名
    图片后缀命名一律小写。
    使用间隔符 - 进行连接。
    一般背景图片以bg-开头,   
    按钮图片以btn-开头,    
    图标图片以icon-开头,   
    聚合图以spr-开头,后跟英文单词,如果名称过长,适当使用缩写

1.4命名规范(HTML)

1)命名的两种方式:

ID命名:具有唯一性(身份证号) 相同的ID名只能在页面中出现一次, 并且ID只能有一个名字
class类名:class的类名可以在页面中重复出现,并且一个元素可以有多个类名,(中间以空格分开)

2)HTML命名规范:


用小写字母
以英文开头 可以包含(英文字母  -   _  数字)
见名知意

3)拓展名写法:


加  -  或   _
(腾讯:下划线 ' _ ' 禁止出现在class命名中,统一使用 '-' 连字符)

驼峰命名 第二单词大写
(腾讯:禁止驼峰式命名)

好的规范是代码成功的开始!

发布了14 篇原创文章 · 获赞 13 · 访问量 3313

猜你喜欢

转载自blog.csdn.net/Raleway/article/details/79288788