HTML-img标签

  img标签还是特别常用的;他算是一个行内块元素;具有两者的特点

  常用的两个属性如下:

<img src="" alt="">

  src属性则是要链接到图片地址,即可以是本地图片,也可以是远程网络图片;但注意的是,应用其他网站的图片时,尽量征得作者的同意

  alt属性,其实这个属性在页面显示上没啥意义的;但如果你的网站需要对搜索引擎要一些要求,则可以用到这个属性;比如说 alt="京东",当搜索引擎在搜索【京东】相关的图片时,此图片会更优先被搜索出来,就这样;我个人主要经常忘记这属性的作用是啥了,有点不太起眼哈哈

  还有有初学者经常搜索网上的图片,然后使用img来链接,一定会发生一种情况是图片的大小不合适,基本都会采用设置width和height来调整;所以注意点来:

  1. 在PC端,不建议修改img的width和height;

假设图片是400X400,然后要修改成200X200;这样可以吗?可以,但是有点浪费内存;为什么?首先你理想图片大小是200X200,所占的内存肯定是比400X400要小的,你不要以为通过修改width和height缩成200X200后所占内存也减少了,没有这回事,之前400X400占多少,修改大小后还是多少。

  如果你要放大,从400X400 变成 800X800,也不建议,图片会失真,你可以试试。

  总结就是,尽量让你公司美工提供原始大小的图片

  2. 在移动端,由于需求的原因,其实经常要改图片大小;往往是 大图片放 小,很少小放大的;

  3. 如果确定要修改图片大小,只修改其中一个即可,则会等比例放大或缩小,如果width和height同时修改,很可能就会导致图片特别难看,且失真了

原文地址:https://www.cnblogs.com/ibcdwx/p/15416564.html