HTML5之图⽚标签图⽚标签：⽤于向当前页⾯中引⼊⼀个外部图⽚
使⽤img标签来引⼊外部图⽚，img标签是⼀个⾃结束标签
html图片展示特效
img属于替换元素（介于块元素和⾏内元素之间，具有两种元素的特点）
（1）属性：
-src 指定的是外部图⽚的路径（路径规则与超链接⼀致）
-alt 对图⽚的描述，这个描述默认情况下不显⽰，有些浏览器会在图⽚⽆法加载时显⽰
搜索引擎会根据alt中的内容来识别图⽚，若不写alt属性则图⽚不会被搜索引擎所收录
-width 图⽚的宽度 （单位是像素）
-height 图⽚的⾼度
宽度和⾼度如果只修改了⼀个，则另⼀个会等⽐例缩放。
【注】⼀般情况下，在pc端，不建议修改图⽚的⼤⼩。
但在移动端，经常需要对图⽚进⾏缩放（主要是⼤图缩⼩）。
（2）图⽚的格式：
-jpeg（jpg）：⽀持的颜⾊⽐较丰富，不⽀持透明效果，不⽀持动图
⼀般⽤来显⽰照⽚
-gif：⽀持的颜⾊⽐较少，⽀持简单透明，⽀持动图
适合颜⾊单⼀的图⽚，动图
-png：⽀持的颜⾊丰富，⽀持复杂透明，不⽀持动图
颜⾊丰富，复杂透明的图（专为⽹页⽽⽣）
-webp：⾕歌新推出的，专门⽤来表⽰⽹页中的图⽚的⼀种格式
具备了其他图⽚格式的所有优点，⽽且⽂件还特别⼩
缺点：兼容性不好
-
base64：将图⽚使⽤base64编码，这样可以将图⽚转换为字符
通过字符的形式来引⼊图⽚
⼀般是需要和⽹页⼀起加载的图⽚才会使⽤base64
【注】效果⼀样⽤占内存⼩的，效果不⼀样⽤效果好的

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。