网站首页 > 技术文章 正文
前端开发要遵守什么规范?如何成为企业急需人才?一个项目大多都是由一个团队来完成,如果没有统一的代码规范,每个人的代码必定会风格迥异,在沟通对接时就会消耗大量的时间。下面千锋就给大家介绍一下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前端入门简单,但精通不易,想要成为企业急需的人才,你不仅要遵守各种代码规范,更重要的是要具备满足企业需求的技术。
- 上一篇: 前端项目工程化之规范化代码风格
- 下一篇: 硬核!!!web前端开发规范手册,建议白嫖,拿走不谢
猜你喜欢
- 2025-05-21 计算机技术的 "左右脑":前端与后端的本质区别究竟在哪?
- 2025-05-21 「JS优化篇」你的 if - else 代码肯定没我写的好
- 2025-05-21 只需一行代码,任意网页秒变可编辑!
- 2025-05-21 ESLint 正式支持 MCP:代码规范进入新时代?
- 2025-05-21 前端开发总踩坑?5 个 JavaScript 实战技巧让你少写 30% 冗余代码
- 2025-05-21 JAVA 编码规范
- 2024-09-22 重学前端基础:HTML有哪些语法?需要注意的书写规范
- 2024-09-22 硬核!!!web前端开发规范手册,建议白嫖,拿走不谢
- 2024-09-22 前端项目工程化之规范化代码风格
- 2024-09-22 硬核!web前端开发规范手册,建议白嫖,拿走不谢
你 发表评论:
欢迎- 07-07使用AI开发招聘网站(100天AI编程实验)
- 07-07Tailwindcss 入门(tailwindcss中文文档)
- 07-07CSS 单位指南(css计量单位)
- 07-07CSS 定位详解(css定位属性的运用)
- 07-07程序员可以作为终身职业吗?什么情况下程序员会开始考虑转行?
- 07-07云和学员有话说:国企转行前端开发,斩获13K高薪!
- 07-0791年转行前端开发,是不是不该转,有啥风险?
- 07-07计算机图形学:变换矩阵(图形学 矩阵变换)
- 594℃几个Oracle空值处理函数 oracle处理null值的函数
- 587℃Oracle分析函数之Lag和Lead()使用
- 575℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 572℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 568℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 561℃【数据统计分析】详解Oracle分组函数之CUBE
- 548℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 541℃Oracle有哪些常见的函数? oracle中常用的函数
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- 前端懒加载 (49)
- 前端获取当前时间 (50)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle 中文 (51)
- oracle的函数 (57)
- 前端调试 (52)
本文暂时没有评论,来添加一个吧(●'◡'●)