前端技术分享-码匠 极客编程技术分享

您当前位于:项目开发经验 ——> WEB前端 项目开发经验 需要注意的开发细节

WEB前端 项目开发经验 需要注意的开发细节

2015/07/11 23:29:25 | 作者:HTML5学堂(码匠) | 分类:项目开发经验 | 关键词:WEB前端,项目开发经验,开发经验

WEB前端项目开发中需注意的细节

HTML5学堂:在WEB前端开发当中,书写基本的代码固然重要,而细节也是不容忽略的。在本文当中,我们整理了书写HTML与CSS代码时应当注意的基本细节,当我们对于细节有所了解时,在编写代码时的错误概率就会降低很多。

1.    为了解决标签的默认样式,需要引入重置文件。

2.    类名采用单词(语义)命名,多个单词采用中划线连接。

3.    HTML与CSS文件采用单词(语义)命名,禁止使用中文命名。

4.    HTML与CSS引号需要保持一致,禁止出现单引号与双引号混用。

5.    编写代码的时候,需要合理的缩进(不要出现空格与Tab格混用)与注释,HTML标签嵌套合理,CSS样式按照顺序书写:显示属性——>自身属性——文本>——其他>——>CSS3属性放最后。

6.    在移动端开发中,a标签的title和img标签的title可以删除。

7.    图片需要根据情况设置宽高,以及如何设置宽高

8.    单行文本显示为省略号(……),比如在模块标题需要进行设置,多行文本如果显示区域高度固定,需要设置超出隐藏。

9.    保持盒模型大小的一致性(如:增加左右padding,原有width需要变小)

10.    使用position的时候,按照CSS编码规范设置z-index的范围。

11.    字体大小最小为12px,不能小于12px(部分浏览器不支持,以及不好的用户体验)

欢迎沟通交流~HTML5学堂

微信公众号,HTML5学堂,码匠,原创文章,WEB前端,技术分享

HTML5学堂

原创前端技术分享

HTML5学堂,HTML5,WEB,前端,视频课程,技术视频,学习视频,面试,JS

原创视频课程

用心打造精品课程

微信小程序,决胜前端,面试题,面试题集合,前端,HTML5,真题

小程序-决胜前端

前端面试题宝库

原创书籍,学习书籍,书籍推荐,HTML5布局之路,HTML5,WEB前端

HTML5布局之路

非传统模式讲解前端