html开发那些不好的习惯，和问题。
最近网上看了好多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 属性
当你在网速不佳或图片无法显示的时候，他的作用就来了。你可以带有你图片的描述，让用户在没看到的前提下，也明白这是什么。
五、大量使用转义标签 如： ； ⁢ >..........
因为在每个浏览器如 ：  默认宽度是不等的，所以当你使用大量  ； 时换个浏览器他就变了。所以说现在这莫多好用的方式为啥还用如此
lo的转义标签， 其实还有比较实用的如：©； © 版权商标等等；
六、偏爱于一款浏览器，由于浏览器内核不同，他支持的效果也不同，当你偏爱于一款浏览器时，你在别的浏览器你会崩溃的 。
ps：当然IE除外 IE 低版本太可怕，都这个年代了坚决抵制 IE 低版本，当然这只是个人看法，毕竟有数据支持用 IE 低版本用户是有还是又不算少的用户群
有的比如：国企采购 windows 自带 IE 而且国企为了安全买回来后没有升级那一说。当外包到一个国企而且进门不让带手机的，到时候你就明白了。
七、错误的提示方式。
当你给了用户错误的提示时，你说收集的数据也将会出现很大的偏差，如：“请输入地址” ，这个地址你是要家庭地址呢！还是现住地址呢！还又是公司地址呢！所以明确的提示很重要。
八、页面中包含太多刷新的步骤。
通过ajax局部刷新，来减少页面的重复加载。增强用户的体验。
html开发那些不好的习惯，和问题。的更多相关文章
- shell-脚本开发基本规范及习惯
1.shell-脚本开发基本规范及习惯 1.开头指定脚本解析器 #!/bin/sh 或#!/bin/bash 2.开头加版本版权等信息 #Date: 2018/3/26 #Author: zhangs ...
- Unity开发规范（个人习惯，仅供參考）
近期整理了一下unity里的文件夹使用和脚本上的一些规范,这个看个人习惯,仅供參考 1.unity中的Project文件夹 总体文件夹大致例如以下: 按资源种类分目录. ...
- ABAP开发需要养成的习惯—处理规范，日期，sort，改结构
sELECT select之后不要急着处理,最多用下sort还有delete adjacent,不用sy-subrc判断之后loop操作,要注意处理逻辑. sort一个好处是为了后面read tabl ...
- ABAP开发需要养成的习惯—程序修改数据库表
①此外将内表数据写入数据库,推荐用Modify而不是insert,因为会有些key一样的报dump loop at it_record. * 报错 * insert ...
- ABAP开发需要养成的习惯—变量定义
变量定义 Global variables are BAD 定义内表先在程序开头定义types,如 types: begin of ty_structure, id type i, ...
- javaWeb开发中entityBean的习惯用法
entity bean的作用是将与数据库交互的过程封装成对象,在servelet编写的过程中,只需要会写java,不必考虑与数据库交互细节. 实体类: 基本与数据库的表相对应,表示一个实在的对象. 例 ...
- CentOS7初始化服务器开发环境——根据个人习惯而定
目录 修改hostname 创建个人账户和组 修改hostname 编辑主机名称,注意:执行以下指令,无需重启服务器,因为此指令实时写入linux 内核 hostnamectl --static se ...
- python socket编程---从使用Python开发一个Socket示例说到开发者的思维和习惯问题
今天主要说的是一个开发者的思维和习惯问题. 思维包括编程的思维和解决一个具体问题的分析思维,分析思路,分析方法,甚至是分析工具. 无论是好习惯还是不好的习惯,都是在者一天一天的思维中形成的.那些不好的 ...
- 【CEDEC 2015】【夏日课堂】制作事宜技术篇，新手职员挑战VR Demo开发的真相
日文原文地址 http://www.4gamer.net/games/277/G027751/20150829002/ PS:CEDEC 2015的PPT有些要到10月才有下载,目前的都是记者照片修图 ...
随机推荐
- 【转载】MSDN-MDX#001 - 多维表达式 (MDX) 参考
摘录于MSDN MDX 的一些重要概念 1. MDX 介绍 多维表达式 (MDX) 是用于在 Microsoft SQL Server Analysis Services (SSAS) 中处理和检索多 ...
- mysq5.7
1.mv mysql-5.7.22-linux-glibc2.12-x86_64 mysql 2. chown -R work:work /home/work/mysql 3.su - work 4. ...
- C#常用总结《一》
集合类常用: List<T> 泛型集合 Dictionary<key,value> 字典集合 文件读取: FileStream :对各种文件读写,字节处理更好 StreamR ...
- 关于javascript的各种高宽
- java线程状态 以及 sheep（）、wait()、yield() 区别
前言 最近看到很多人都在讨论多线程的问题,于是写出了这篇博客,希望可以帮到正在学习和使用这块的朋友们,首先我们先看看两个图(两个图都来自其他码农的分享) 这两个图是一样的逻辑,这里一起罗列出来,下 ...
- 原生javascript实现分页效果+搜索功能
一.概述 首先,我们要明确为何需要分页技术,主要原因有以下: 1.分页可以提高客户体验度,适当地选择合适的数据条数,让页面显得更有条理,使得用户体验感良好,避免过多数据的冗余. 2.提高性能的需要. ...
- IOS多选单选相册图片
之前做项目让实现多选相册的图片,自己写了一个demo一直保存在电脑上,今天下午发现电脑128G的容量已经快没有了,准备清理电脑,所以把之前做的一些demo放在博客上,以后方便用. 1.首先准备3个图片 ...
- mac terminal中快捷移动光标 持续更新。。。
1.option + ←/→ 以单词为单位快速移动 2.ctrl + A 移动到行首 3.ctrl + B 移动到行尾 4.ctrl + K 删除光标后至行尾的内容
- zabbix使用（自定义监控、自动报警）
自定义监控(制作模板) zabbix自带模板Template OS Linux (Template App Zabbix Agent)提供CPU.内存.磁盘.网卡等常规监控,只要新加主机关联此模板,就 ...
- c#创建window服务
Windows服务在Visual Studio 以前的版本中叫NT服务,在VS.net启用了新的名称.用Visual C# 创建Windows服务不是一件困难的事,本文就将指导你一步一步创建一个Win ...