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学堂