HTML页面编写中常遇到的bug

先啰嗦几句：说到bug，对程序员来说可谓是又恨又爱，有人说程序员大部分时间花在了命名和改Bug上也不是不无道理的，“一杯茶一根烟，一个bug改一天2333”，有Bug其实再正常不过，其实bug也是好事儿，因为我们从改bug的过程中更深层次的理解我们的代码，也会从中吸取到经验。

今天就对html中常见的bug进行一个总结:
首先是IE低版本浏览器比较经典的bug：
1:图片边框问题：
bug : 当图片有超链接的时候图片会产生蓝色的边框
hack : img{border:0;}

2: 图片间距：
bug：图片的下方有大约3px距离：
hack1 : 把图片标签和父元素都放在一行上没有回车键（不建议使用）
hack2: img{display:block;}（常用）

3: 双倍浮向：
bug: 如果一个元素添加float:left; 并且存在margin-left 会把margin双倍解析
hack : 给浮动的元素添加 display:inline; （查了资料后了解到现在几乎很少遇到）

4: 默认大小：
bug: ie低版本默认情况下不会让高度小于大约16px
例如：设置高height:10px 保持在16px;
hack ： font-size:0; || overflow:hidden;（前辈们试出来的方法···）

第二呢就是目前较为常见的bug：
1: 按钮大小不一致（原因是因为按钮的边框是在盒子内部的_特例）：
a：在按钮的外层套一个父元素，把边框给父元素
b：其实页面中大部分按钮都是用a模拟。
如果不想让a产生超链接
2：表单元素对不齐
hack : 添加浮动（注意清浮）
3：透明度opacity
opacity:1;
filter:alpha(opacity=100) 针对于IE（使用filter过滤器，注意opacity=后面跟的是正常opacity值的100倍）

写在最后关于Bug的介绍：
bug直译指昆虫、小虫子。让我想起了大一时java老师给我们讲述的历史故事，
bug真正在计算机行业载入史册还要到1947年9月9日。
这时第一批写程序的程序员们正在哈佛大学研发markII计算机，其中Grace Murray Hopper在查找一个问题时，在中继器触点旁发现了一个飞蛾，用日志本拍死了它，并标记了它是“第一个找到bug真实案例”，在这儿之后，在计算机科学中，Bug就从虫子变成了程序的缺陷，一只虫子就这样被载入了计算机史册由此bug一词便被用来代指计算机中的缺陷或故障了。相应地debug则被用来指代去除故障的调测行为。而hack（拍打）则成了解决bug的方案。

顺便提一下，今天准备整理JS的知识点，按照惯例我又去看了一遍JS的历史，再次翻到浏览器大战的时候。还是觉得Netscape真的是可惜，斗不过流氓微软，虽然商业竞争是常态，但是不得不说有点看不惯微软的作风，好在ALO（美国在线）在收购网景并解雇大部分Netscape开发人员之后还是做了件好事儿–把Netscape原始代码送给开源社群。为了向其致敬，chrome、safari等浏览器代码里都有Browser name: Netscape。

HTML页面编写中常遇到的bug相关推荐

DIV+CSS页面设计中的IE6的文字溢出BUG
为什么这个div的文字在ie6里会多出3个字符,在页面制作中用DIV+CSS用的多了有时会遇到文字溢出的现象,出现此现象是由IE6的3PX的BUG所引起的. 以下为出现该BUG的实例: <div ...
java string 占位符_驳《阿里「Java开发手册」中的1个bug》？
前两天写了一篇关于<阿里Java开发手册中的 1 个bug>的文章,评论区有点炸锅了,基本分为两派,支持老王的和质疑老王的. 首先来说,无论是那一方,我都真诚的感谢你们.特别是「二师兄」, ...
Python培训常识：Python面试中常被问到的几种设计模式要知道
学习Python技术大家都是为了日后能够找到适合自己的工作岗位,那么除了要学习好Python技术外,对于面试环节的问题也要有所了解,本期小编为大家介绍的Python培训教程就算关于Python面试中常 ...
(用微信扫的静态链接二维码)微信native支付模式官方提供的demo文件中的几个bug修正...
原文:(用微信扫的静态链接二维码)微信native支付模式官方提供的demo文件中的几个bug修正 native支付模式一demo(用微信扫的静态链接二维码)BUG修复,一共4个BUG 1.nativ ...
ASP.NET Web 页面生命中的一天
ASP.NET Web 页面生命中的一天 Dino Esposito Wintellect 2003 年 8 月适用于: Microsoft® ASP.NET 摘要:了解为 ASP.NET Web ...
抓取百度页面html,百度会抓取页面代码中的注释内容吗
百度会抓取页面代码中的注释内容吗内容导读:百度会抓取页面代码中的注释内容吗?答案是百度会抓取,但是在提取正文的时候会直接忽略掉,也就是说页面代码的注释内容不会影响到页面质量,所以大家尽管放心. 问题 ...
容器化单页面应用中Nginx反向代理与Kubernetes部署
在<容器化单页面应用中RESTful API的访问>一文中,我介绍了一个在容器化环境中单页面应用访问后端服务的完整案例.这里我将继续使用这个案例,介绍一下容器化单页面应用部署的另一个场景: ...
驳《阿里「Java开发手册」中的1个bug》？
这是我的第 211 期分享作者 | 王磊来源 | Java中文社群(ID:javacn666) 转载请联系授权(微信ID:GG_Stone) 前两天写了一篇关于<阿里Java开发手册中的 1 ...
解决iframe在ios中无法滚动的bug
https://fly.layui.com/jie/32020/(无效) 修改方法: 1.在嵌入进iframe的每个页面的<body>里面加个id,如<body id="i ...

HTML页面编写中常遇到的bug

HTML页面编写中常遇到的bug相关推荐

最新文章

热门文章