前端开发要遵守什么规范?如何成为企业急需人才?一个项目大多都是由一个团队来完成,如果没有统一的代码规范,每个人的代码必定会风格迥异,在沟通对接时就会消耗大量的时间。下面小编就给大家介绍一下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前端入门简单,但精通不易,想要成为企业急需的人才,你不仅要遵守各种代码规范,更重要的是要具备满足企业需求的技术。

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

  1. 前端开发的流程与规范

    先仍2篇网上找的: 在团队不断成长的过程中,需要处理的需求也在逐渐增长,团队中成员如何分工配合决定了开发的效率.产品的质量,在这个时候我们就需要一个流程来规范.指导我们,下面就将咱们前端组的一些经验跟 ...

  2. 前端开发100元/页,空心科技切入IT人才共享

    共享经济的风口,IT人才如何共享? 滴滴.摩拜.airbnb等共享经济大火的背景下,区别于产品流通共享的人才领域共享如何实现? 猪八戒新一轮26亿.一品威客C轮.兼职猫A轮6300万.斗米兼职A轮40 ...

  3. web前端开发文件命名基本规范

    根据:https://www.cnblogs.com/ypppt/p/13066751.html 1.页面的文件.函数命名规范 统一用翻译的英文命名(推荐),统一用拼音命名(拼音的简化也可) 统一使用 ...

  4. 转载-simon:个人总结前端开发规范

    (特注:转载只为更好的分享___iteye-simon) 通用约定 文件与目录命名 一律小写, 必须是英文单词或产品名称的拼音, 多个单词用连字符(-)连接. 只能出现英文字母.数字和连字符, 严禁出 ...

  5. 前端开发的工作职责精选【10篇】(合集)

    前端开发的工作职责1 1.使用Div+css并结合Javascript负责产品的前端开发和页面制作; 2.熟悉W3C标准和各主流浏览器在前端开发中的差异,能熟练运用DIV+CSS,提供针对不同浏览器的 ...

  6. HTML5开发和web前端开发的区别与联系?

    HTML5与Web前端什么关系,Web前端有哪些优势?Web前端就业怎么样?现在学习前端就业前景好吗?越来越多人了解Web前端,也有很多年轻人想进入到Web前端的行列,但是现在Web前端还值得大家去选 ...

  7. 资深前端开发工程师是什么职位

    一名资深前端开发工程师,不单单需要掌握前端必须的各种技术,同时还要掌握其它技术,需要掌握一点后台的知识,同时也要对网站构架有一定的了解,同时还要掌握一定的SEO网站优化技术,这样才可以称之为一个&qu ...

  8. 2021年web前端开发视频教程,自学web前端开发技术,全套web前端学习路线笔记

    2021年web前端开发视频教程,自学web前端开发技术,全套web前端学习路线笔记 [导读]:初学web前端的小伙伴经常会遇到的问题,1.没方法 2.没资源 3.没经验,不知道从何开始 ,代码哥(D ...

  9. 前端开发规范文档(html,css,js)

    首先吐槽一句,本来想上传word文档的,可是发现博客不能上传word文档,这就很尴尬了. 首先声明该规范不是本人写的,网上搜前端规范发现这个很详细就先复制下来做笔记,当然不可能啥都按规范来,每个公司的 ...

最新文章

  1. 轻松管理Win 2003的“远程桌面”
  2. 程序不能使用中文名_这几款车没有中文名?那买车时应该怎么叫?
  3. .net中自定义过滤器对Response内容进行处理
  4. 2019/01/29-Linux常用指令
  5. SAP S4HANA的product搜索的动态SQL语句的拼接原理
  6. 李连杰年度巨作霍元甲主题曲:周杰伦唱
  7. 【51单片机快速入门指南】4.4.2:Mahony AHRS 九轴姿态融合获取四元数、欧拉角
  8. 剑指offer 变态跳台阶 特别sb的一道题
  9. CentOS图形界面和命令行切换
  10. 记一次open-falcon手动push数据
  11. 阿里云 mysql 连接 慢_记录在阿里云上遇到的一个坑-数据库连接请求缓慢
  12. python排序算法的时间复杂度_Python算法的时间复杂度和空间复杂度(实例解析)
  13. 系统体系结构框架 DoDAF
  14. 产品流程图的制作方法详解
  15. Iphone 5s/iPad Air/iPad Mini 2 降级10.3.3
  16. 网页和移动端使用一键添加qq群组件
  17. YUM库及NFS共享服务1
  18. 海龟画图----python画美队盾牌
  19. 史上最快最新最全倾斜摄影(ContextCapture)空三/建模、单机/集群硬件配置方案2018
  20. cmos逻辑门传输延迟时间_如何判断输出的高低电平(三态门)?

热门文章

  1. 永久试用EDIUS Pro 7.4.1 Build 0084 官方完整版方法
  2. 2021年大连12中高考成绩查询,2021年大连高中学校排名及录取分数线排名
  3. 分享:安全存放web项目数据库连接字符串
  4. 基本类型及包装类源码解析
  5. GB2312汉字区位码、交换码和机内码转换方法 (ZT)
  6. 代码随想录算法训练营第22天 二叉树 java :235. 二叉树的最近公共祖先 701.二叉搜索树中的插入操作 450.删除二叉搜索树中的节点
  7. 代码随想录算法训练营Day15|Leetcode102二叉树的层序遍历、Leetcode226翻转二叉树、Leetcode101对称二叉树
  8. 贵阳大数据交易所 会员超500家
  9. *** was not found in ‘***‘
  10. FRP|利用FRP完成内网穿透进行windows远程连接的步骤汇总