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