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学堂(h5course-com)

原文发表时间:2015-11-27

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏大前端开发

使用mpvue开发小程序教程(五)

在上一章节中,我们了解了组件的三个基本特性以及组件的基本使用方法。在实际的小程序开发中,我们应该以组件的思维去设计每个小程序的功能页面,对其进行合理的组件拆分,...

1072
来自专栏Java后端生活

JavaWeb(八)MVC设计模式

1405
来自专栏编程

html编写规范

今天我为大家介绍一下html的基本知识。 什么是html html指的是超文本标记语言(Hyper Text Markup Language),它包含一系列的标...

17710
来自专栏日常学python

python爬虫常用库之BeautifulSoup详解

这是日常学python的第16篇原创文章 经过了前面几篇文章的学习,估计你已经会爬不少中小型网站了。但是有人说,前面的正则很难唉,学不好。正则的确很难,有人说...

2727
来自专栏macOS 开发学习

Mac OSX 开发基础控件学习之 NSOutlineView

在开发基于osx的Application的过程中,当我们需要显示一组列表结构的数据时,比较容易想到的控件是NSTableView;但如果你显示的数据有层级结构...

792
来自专栏青枫的专栏

day01_html学习笔记

761
来自专栏web前端-

HTML基础知识

  属性的作用就是就为元素提供更多的信息,大多数元素都可以拥有属性    属性的语法:<标签 属性1=参数1>   注意空格的使用

653
来自专栏代码世界

HTML DOM Event 对象

1142
来自专栏深度学习之tensorflow实战篇

python3 django整理(七) Django 从后台往前台传递数据时有多种方法可以实现。

Django 从后台往前台传递数据时有多种方法可以实现。 基础形式: from django.shortcuts import render def main...

2908
来自专栏杨逸轩 ' sBlog

如何将Pjax整合进网站,实现全站无刷新加载?

2329

扫码关注云+社区