前端开发要遵守什么规范 如何成为企业急需人才

前端开发要遵守什么规范 如何成为企业急需人才,第1张

概述前端开发要遵守什么规范?如何成为企业急需人才?一个项目大多都是由一个团队来完成,如果没有统一的代码规范,每个人的代码必定会风格迥异,在沟通对接时就会消耗大量的时间。下面千锋就给大家介绍一下Web前端开发中html和css应该遵守的代码规范。       html标签与属性 1)html要求所有标签必须关闭。单个标签也必须结束,使用p标签时必须成对使用。 2)所有标签元素和属性建议采用小写。 3)所

前端开发要遵守什么规范?如何成为企业急需人才?一个项目大多都是由一个团队来完成,如果没有统一的代码规范,每个人的代码必定会风格迥异,在沟通对接时就会消耗大量的时间。下面千锋就给大家介绍一下Web前端开发中HTML和CSS应该遵守的代码规范。

 

 

 

HTML标签与属性

1)HTML要求所有标签必须关闭。单个标签也必须结束,使用p标签时必须成对使用。

2)所有标签元素和属性建议采用小写。

3)所有HTML属性必须添加双引号(非单引号)。

4)所有标签必须采用合理嵌套。

5)所有<、&、>等特殊符号(非标签一部分)用编码表示。

6)img标签中必须添加alt属性。

7)标签在运用时,应尽量使用语义化标签。

CSS引用规范

1)所有CSS均为外部调用,不得在页面书写任何内部样式或行内样式;

2)外部调用时,使用link,建议少用@import。

CSS书写规范

1)样式书写不做强约,可分行或单行(推荐单行,理由:直观、模块之间分隔鲜明,有全局感)。

2)样式中属性排序规则:先外部>再自身>后内部。

3)所有CSS属性和值必须采用小写的形式。如:Font-SIZE:12PX必须改为Font-size:12px。

4)关于CSS背景图片(关键字:合并,缩写,去引号),引号不是必须的,而且在某些浏览器上加引号反而出错。

5)属性为0值,去除单位。

6)所有CSS的命名应语义化,如:回复框,.replyBox{…},禁止用拼音缩写命名,如.hfk{…}。

7)用来显示动态文本输入的地方,样式里必须加上强制英文换行:word-break: break-all; word-wrap: break-word; overflow-x: hIDden;如果要显示省略号加上:text-overflow: ellipsis。

9)上下相邻的两模块尽量避免混用margin-bottom,margin-top,否则会产生重叠现象。

尽管Web前端入门简单,但精通不易,想要成为企业急需的人才,你不仅要遵守各种代码规范,更重要的是要具备满足企业需求的技术。

总结

以上是内存溢出为你收集整理的前端开发要遵守什么规范 如何成为企业急需人才全部内容,希望文章能够帮你解决前端开发要遵守什么规范 如何成为企业急需人才所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1032083.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-24
下一篇 2022-05-24

发表评论

登录后才能评论

评论列表(0条)

保存