Logo的图片处理

时间:2021-08-04 17:38:55

最近上微博,查看一下源代码,看到新版微博是这么处理Logo的

html:

Logo的图片处理

css

Logo的图片处理

对于这种处理的方式个人不敢苟同。

一般处理logo无非是两种方式:

(1) <div class="logo"><a href="/"></a></div>和(2)<a href="/"><img src="logo.gif" alt="logo" /></a>

考虑一种情况在网络非常差的情况下面:对于第一种:假如说css下载失败,logo所在的位置会出现一片白色;而第二种:假如说图片下载失败,虽然说会在图片位置会有出现打x的情况,alt属性还是会显示出他是一个logo屏幕阅读器也可以读取里面的信息,可访问性更高。所以,综合来说个人认为,第二种方式更优。