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 条评论
登录 后参与评论

相关文章

来自专栏杨建荣的学习笔记

shell基础学习总结(二) (r3笔记第72天)

-->关于shell编程之文件比较 可以使用如下的选项来做文件的比较。有了这些选项,文件的比较来说都是游刃有余。 -d file file是否存在...

2424
来自专栏雨过天晴

原 荐 PHP 在 Console 模式下的

1401
来自专栏数据小魔方

数据地图系列9|excel(VBA)数据地图!

今天要跟大家分享的是数据地图系列的第九篇——excel(VBA)数据地图! 关于VBA在excel中的应用非常广泛,本篇仅仅是给出示例代码,不会对基础操作做太过...

3656
来自专栏Nian糕的私人厨房

HTML 基础

超文本标记语言 (HTML, HyperText Markup Language) ,是构成网页的最基础的内容,用来创建并以可视化方式来呈现网页,它确定了一个网...

693
来自专栏移动端开发

常用开发技巧系列(四)

一:友盟的错误日志怎么看? 先说说友盟崩溃日志怎么查看的问题, 友盟统计我自己用的是比较多的,因为这个第三方的分享也是有的,就直接把友盟集成进去,统计和第三方...

1989
来自专栏编程

前端学习自学笔记:day03

嗯,说实话,我写这个的话比较少人看啊,但是还是继续坚持下去吧,可不可能半途而废啊,接下来是第三天的笔记. ? 在此之前先为大家显示下前端工程师的路线图: 第三天...

1755
来自专栏玄魂工作室

看代码学渗透 Day4 - strpos使用不当引发漏洞

--------------------------------------------------------------------------------...

751
来自专栏偏前端工程师的驿站

前端构建:Less入了个门

一、前言                                说到前端构建怎能缺少CSS预处理器呢!其实CSS的预处理器有很多啦,比较出名的有Scs...

1747
来自专栏章鱼的慢慢技术路

一步步使用Code::Blocks进行设置断点调试程序

1473
来自专栏向治洪

CollapsingToolbarLayout使用

我们来看一下CollapsingToolbarLayout的使用场景。 ? CollapsingToolbarLayout 可以看到,Toolbar的标题放...

1696

扫描关注云+社区