Html之img标签

　　我发现了为何我不会开发，或者不肯意，我感受是由于我不会前端，自认为写出来完美的后台显示很差也没人用，为了解决这一问题，笔者新增html栏目，和你们一块儿交流分享。

一.img必须有src和alt属性

　　src属性规定了显示图像的URL，浏览器会对该URL发起Http Get请求。

　　alt属性则规定了图像的替代文本，在图像没法显示或者用户禁用图像显示时，代替图像显示在浏览器中的内容。

　　可是我发现，其实你不加上alt属性也不会报错，不过笔者认为加上的话这样即便图像没法显示，用户仍是能够看到的一些相关信息，从而大大提升了页面的用户友好性。

二.我发现用两个img的话图片是上下存在的，没有在左右方向，如何解决呢

 

         

　　我先把两个地址用逗号隔开放在一个src，发现彻底没法显示；后来我发现是由于显示问题，两个img写在一块儿，默认就是左右并排；

　　width值太大  致使你的页面只能承载那么多属性多余的属性会在你下一行显示，要有精确的布局才能作出本身的效果。

2.1我得解决方案

　　第一个宽度为50%，第二个占用剩余宽度，我记得是“*%”，后来发现不是；两个都设置为50%，发现仍是上下显示，第二个索性不填了，显示第二章图的效果。因而我果断把第一个img标签前面加了一些空格" "，如今是第三幅效果，就是我博文右侧边栏了。

2.2遗留问题

　　控件占用剩余宽度，怎么表示？

三.<img>标签在HTML和XHTML中有什么区别？

　　前者不须要结束标志，在后这里面必须被正确关闭。

四.为何要指定height和width？

　　您在浏览网页的时候，可能会遇到这种状况：随着页面中的图像加载并成功显示，页面上的内容会随之发生不规律的移动，影响您的阅读。这种状况就是由于页面上的图像没有定义height和width属性而致使的。

　　若是没有定义图片的height和width属性，那么浏览器为了可以显示每个加载的图像，它须要先下载图像，而后解析出图像的高度和宽度，并在显示窗口留出相应的屏幕空间，这样就会致使浏览器不断地从新计算/调整页面的布局，这可能会延迟文档的显示，并致使页面重绘。

　　所以，笔者建议使用<img>的 height 和 width 属性来指定图像的尺寸。这样的话，浏览器在下载图像以前就为其预留出了空间，从而能够加速文档的显示，还能够避免文档内容的移动而引发页面重绘。

五.<img>标签的onload/onerror/onabort事件，在什么状况下会被触发？

　　onload: 事件会在图像加载完成后当即发生。

　　onerror: 事件会在文档或图像加载过程当中发生错误时被触发。

　　onabort: 事件会在图像加载被中断时发生。例如用户单击了浏览器的Stop按钮，或者在图像下载的过程当中。

六.如何获知用户是否禁止浏览图片呢？

　　用户是能够设置浏览器不显示图片的，尤为是在移动设备上，用户为了节省流量，每每会禁止图片显示。那么，如何获知用户是否禁止浏览图片呢？

　　在stackoverflow里说是设置src的complete属性，我如今用不到，无论了；我忽然感受，这是浏览器的事情，不显示就不显示吧，会出现alt，用户本身也知道，因此我认为这个问题不必管。

七.收获

7.1 收获1

　　笨方法就是最好的方法，其实不是该方法笨，而是本身根本想不到，说到底就是本身浮躁，不踏实。

7.2收获2

　　不想学习，我就果断回去睡觉，打游戏。

八.参考文献

　　http://www.cnblogs.com/hencehong/archive/2012/10/06/something_interesting_about_image.html