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