WEB前台开发学习html和css要遵守什么规范,如何成为企业急需人才?

作者 : 开心源码 本文共934个字,预计阅读时间需要3分钟 发布时间: 2022-05-13 共219人阅读

WEB前台开发要遵守什么规范?如何成为企业急需人才?一个项目大多都是由一个团队来完成,假如没有统一的代码规范,每个人的代码必定会风格迥异,在沟通对接时就会消耗大量的时间。下面小编就给大家详情一下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前台的学习裙【 547,302,383 】,无论你是大牛还是小白,是想转行还是想入行都可以来理解一起进步一起学习!裙内有开发工具,很多干货和技术资料分享!

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

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » WEB前台开发学习html和css要遵守什么规范,如何成为企业急需人才?

发表回复