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同時修改,很可能就會導致圖片特別難看,且失真了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM