爱呆呆范文网,文案写作帮手
爱呆呆范文网其他 小手帕丶的博客

小手帕丶的博客(前端开发规范)

时间:2023-12-16 03:24 下载全文

作为前端开发人员,良好的代码规范与编写习惯是我们工作中不可或缺的一项能力。在这篇文章中,我们将以小手帕丶的博客为例,讲述如何规范地编写前端代码。

一、文件和文件夹命名规范。

1. 文件夹名称小写,多个单词使用短横线分隔,如“my-blog”;

2. 文件名称小写,多个单词使用下划线分隔,如“header_nav.html”;

3. 图片文件名称和文件夹名称同理。

二、CSS 规范。

1. 类名和 ID 名称需要有意义且明确,不宜过长,建议使用单词缩写,如“hd-nav”;

2. 样式应该按照 HTML 结构的嵌套关系编写,避免使用“!important”关键字;

3. CSS 属性应该按照以下顺序编写:定位属性、盒模型属性、文字排版属性、视觉效果属性、其他属性;

4. 为了代码可读性,应该为 CSS 属性的值都添加单位,如“10px”;

5. CSS 属性和值之间应该使用一个空格隔开。

三、HTML 规范。

1. HTML 文件必须以 DOCTYPE 声明开始;

2. 缩进使用两个空格,而不是制表符或四个空格;

3. 标签名称和属性名称必须小写,属性必须使用双引号;

4. 使用语义化标签,如“

”、“

小手帕丶的博客.doc

将文本的Word文档下载到电脑,方便打印,也可以【点击这里收藏】

推荐度:
相关热搜