最近网上看了好多html开发中那些问题和不好的习惯，顺手总结一下。

一、上下间距

　　在开发中你会发现你明明设置的两个p标签上下间距为20px但你实际测量中会发现他会多4~8px，这是为什么呢！如果你是老司机我想我就不用多说了，

　　因为设计稿中量的都是字与字上下的间距，其实你写p标签检查一下元素，p表标签会有留白，大概是会有上下都有2px左右的留白。这样的话在加上你的

　　上边距或下边距你在量的时候就多了点。　

<!DOCTYPE html>
<html>
　　<head>
　　　　<meta charset="UTF-8">
　　　　<title></title>
　　　　<style type="text/css">
　　　　　　*{
　　　　　　　　margin: 0;
　　　　　　　　padding: 0;
　　　　　　　　}
　　　　　　p:nth-child(1){
　　　　　　　　margin-bottom: 20px;
　　　　　　}
　　　　</style>
　　</head>
　　<body>
　　　　<p>p1</p>
　　　　<p>p2</p>
　　</body>
</html>

　　当你在测量时，我们上边是20px的下外边距这时我们测量一下；

　　ps：如果你有【翻墙工具的话】不妨在Google浏览器商城下载一个Page Ruler，个人认为非常好用的一个测量网页的工具。

　　发现没有20的间距成功的变为25，这就是p标签的留白。

二、错误的嵌套

这种嵌套当里面在写有内容时，当一屏看不完时，一时嵌套错误这个可就有你烦的了。最好的解决吗？我感觉还是注释，一个良好的注释习惯，让你可以更快找到自己的问题还有利于团队的开发。

这样时你还会找错吗？当你修改时是不是更方便了。

三、form和table到底先写谁，当然这个问题只会发生在新手身上

错误：

<table><form><tr><td>..... </td></tr></form></table>

　　正确：

<form><table><tr><td>..... </td></tr></table></form>

　　按我个人的理解来说，把form写在table中太别扭了。因为table是一个完整的格式，所以说用from来包裹table。

四、省略img   alt   属性

　　当你在网速不佳或图片无法显示的时候，他的作用就来了。你可以带有你图片的描述，让用户在没看到的前提下，也明白这是什么。

五、大量使用转义标签 如：&nbsp； &it; &gt;..........

　　 因为在每个浏览器如 ：&nbsp  默认宽度是不等的，所以当你使用大量 &nbsp； 时换个浏览器他就变了。所以说现在这莫多好用的方式为啥还用如此

lo的转义标签， 其实还有比较实用的如：&copy； ©   版权商标等等；

六、偏爱于一款浏览器，由于浏览器内核不同，他支持的效果也不同，当你偏爱于一款浏览器时，你在别的浏览器你会崩溃的 。

ps：当然IE除外 IE 低版本太可怕，都这个年代了坚决抵制 IE 低版本，当然这只是个人看法，毕竟有数据支持用 IE 低版本用户是有还是又不算少的用户群

有的比如：国企采购 windows 自带 IE 而且国企为了安全买回来后没有升级那一说。当外包到一个国企而且进门不让带手机的，到时候你就明白了。

七、错误的提示方式。

当你给了用户错误的提示时，你说收集的数据也将会出现很大的偏差，如：“请输入地址”  ，这个地址你是要家庭地址呢！还是现住地址呢！还又是公司地址呢！所以明确的提示很重要。

八、页面中包含太多刷新的步骤。

　　通过ajax局部刷新，来减少页面的重复加载。增强用户的体验。

html开发那些不好的习惯，和问题。的更多相关文章

  1. shell-脚本开发基本规范及习惯

    1.shell-脚本开发基本规范及习惯 1.开头指定脚本解析器 #!/bin/sh 或#!/bin/bash 2.开头加版本版权等信息 #Date: 2018/3/26 #Author: zhangs ...

  2. Unity开发规范（个人习惯，仅供參考）

    近期整理了一下unity里的文件夹使用和脚本上的一些规范,这个看个人习惯,仅供參考 1.unity中的Project文件夹      总体文件夹大致例如以下:            按资源种类分目录. ...

  3. ABAP开发需要养成的习惯—处理规范，日期，sort，改结构

    sELECT select之后不要急着处理,最多用下sort还有delete adjacent,不用sy-subrc判断之后loop操作,要注意处理逻辑. sort一个好处是为了后面read tabl ...

  4. ABAP开发需要养成的习惯—程序修改数据库表

    ①此外将内表数据写入数据库,推荐用Modify而不是insert,因为会有些key一样的报dump loop at it_record. *          报错 *          insert ...

  5. ABAP开发需要养成的习惯—变量定义

    变量定义 Global variables are BAD 定义内表先在程序开头定义types,如 types: begin of ty_structure,         id type i,   ...

  6. javaWeb开发中entityBean的习惯用法

    entity bean的作用是将与数据库交互的过程封装成对象,在servelet编写的过程中,只需要会写java,不必考虑与数据库交互细节. 实体类: 基本与数据库的表相对应,表示一个实在的对象. 例 ...

  7. CentOS7初始化服务器开发环境——根据个人习惯而定

    目录 修改hostname 创建个人账户和组 修改hostname 编辑主机名称,注意:执行以下指令,无需重启服务器,因为此指令实时写入linux 内核 hostnamectl --static se ...

  8. python socket编程---从使用Python开发一个Socket示例说到开发者的思维和习惯问题

    今天主要说的是一个开发者的思维和习惯问题. 思维包括编程的思维和解决一个具体问题的分析思维,分析思路,分析方法,甚至是分析工具. 无论是好习惯还是不好的习惯,都是在者一天一天的思维中形成的.那些不好的 ...

  9. 【CEDEC 2015】【夏日课堂】制作事宜技术篇，新手职员挑战VR Demo开发的真相

    日文原文地址 http://www.4gamer.net/games/277/G027751/20150829002/ PS:CEDEC 2015的PPT有些要到10月才有下载,目前的都是记者照片修图 ...

随机推荐

  1. 隔离python 运行环境和Pycharm 设置代码同步

    隔离python 运行环境 查看当前有哪些虚拟环境:workon 进入虚拟环境:workon django 退出虚拟环境:deactivate 创建虚拟环境: mkvirtualenv -p /usr ...

  2. FlowPortal-BPM——管理员、功能的权限设置

    一.管理员设置 管理工具→安全组→安全组名称→管理授权→[添加管理人员]→[设置管理人员权限] 二.访问功能权限设置 (1)模块访问权限 (2)访问控制→[在需要的文件夹下]新建子资源→[资源名称]. ...

  3. [BZOJ 5155][Tjoi2014]电源插排

    传送门 网上大部分题解都写得是动态开点线段树,然而像\(MiEcoku\)这么懒惰的显然不会去写线段树... \(\color{green}{solution}\) 我们考虑来点骚操作. 线段树维护的 ...

  4. Zynq-7000 FreeRTOS(二)中断：Timer中断

    总结Zynq-7000 这款器件中的Timer定时器中断,为FreeRTOS中断做准备.在 ZYNQ 的纯 PS 里实现私有定时器中断. 每隔一秒中断一次, 在中断函数里计数加 1, 通过串口打印输出 ...

  5. ActionBarCompat 教程-实现Action Bar

    http://www.mobiletuts.me 自Action Bar设计概念在Android 3.0(API 11) 中被Google引入以后,Action Bar这种设计模式迅速被各APP厂商( ...

  6. Mac 10.12安装IntelliJ出品的数据库管理工具DataGrip

    下载: (链接: https://pan.baidu.com/s/1nvJw88T 密码: srv2) 安装参考: http://www.cnblogs.com/EasonJim/p/7868645. ...

  7. mysql-常用注入渗透手法

    mysql: 内置函数常用函数:left(), mid(), ord(),  length(), benchmark(),load_file(), outfile(), concat(), 系统重要信 ...

  8. CentOS/Linux 解决 SSH 连接慢

    现在连接linux服务器一般都是使用SSH远程连接的方式.最近新装了一台服务器,发现telnet时速度很快,ping时一切也正常,但SSH连接的时候却很慢.经过网上资料查询,大致是有以下几种原因: 1 ...

  9. 多线程编程(一)-Semaphore(信号量)的使用

    Semaphore的介绍 单词Semaphore的中文含义就是信号.信号系统的意思,此类的主要作用就是限制线程并发的数量. 举个例子,一个屋子里有10个人,但只有一个窄门可以出去,这个窄门一次最多只能 ...

  10. 使用Jprofiler+jmeter进行JVM性能调优

    一.JProfiler简介 JProfiler 是一个商业授权的Java剖析工具,由EJ技术有限公司,针对的Java EE和Java SE应用程序开发的.它把CPU.执行绪和内存的剖析组合在一个强大的 ...