HTML图片兼容性

开发工具与关键技术:DW
作者:文泽钦
撰写时间:2019年1月16日星期三

目标:解决图片在浏览加载不了的问题

在HTML开发中为了使布局更加美观,一般情况下都会在网上下载一些图片放到自己的页面中;对于一些HTML开发的新手来说不太了解兼容性问题,在网上下载的图片直接放入HTML中,那么这样会有什么后果?HTML图片兼容性
图片命名时要避免出现中文、空格、括号、一些符号等,建议纯英文加数字;
HTML图片兼容性
有些用户还在用低版本的浏览器,则在该浏览器上可能无法显示这些图片,也就可以说代码的兼容性问题。
HTML图片兼容性
上课时老师讲了一个例子:“假如企业的老板叫你做一个项目,你两三下就敲出来了,效果是不错,可是只有20%用户的浏览器兼容,老板说:那我还有80%的用户怎么办,不要了吗?”

代码的兼容固然很重要,如出现上面的情况,重新命名图片;
HTML图片兼容性
注意:不要把图片的后缀名改了!
HTML图片兼容性
然后回到DW开法软件,把src的图片路径改一下,那么该图片在绝大部分的浏览器上都兼容了。