对语义网中图片处理的一点拙见

    在做网页的时候,经常需要用到图片,而呈现图片的方式一般为2种:

  • 使用img标签
  • 使用样式的background-image属性

    我认为,当我们需要一些图片进行说明的时候,应该使用img标签。因为img标签有alt属性,此属性为当图片无法显示的时候,或者鼠标悬停在图片上方的时候,给予用户提示。此时候就算样式消失,但是图片仍然存在。传递给用户的信息几乎都没有少。
    而,如果只是将图片用作修饰啊之类的,并没有向用户传递信息作用的图片,此时应该使用background-image。因此,当样式消失的时候,背景图片同时消失。对用户的所有干扰消失,完全依靠合理的结构来向用户传递信息。
    我们先来淘宝网看看,当我们打开首页发现页面使用了大量的图片和信息。而其中的图片是有差别的,有的只是背景图片,而有的是使用了img标签的。我数了下,认为应该使用img标签的一共有64处。而其他地方的图片应该全为background-image。我们禁用css会发现,其64张图片一个都没少,可见要传递给用户的信息并没有少。我还发现还多5张,其中一个是淘宝平时logo的备份,另外4个是4个按钮。由于这4个按钮比较难用样式实现,因此,使用img对其进行实现。但是个人还是认为,如果不需要非常花哨的按钮,建议使用css来实现此按钮。
    我们再来抓虾看看。其首页,个人认为有4处应该使用img标签:logo,随便看看的按钮,成为会员的按钮,下方的网络警察。禁用css后发现,其除了下方的网络警察外,其他的图片全部消失。这样就给用户造成了一些麻烦。虽然说其页面上还是保留了注册的按钮,但是告知用户可以先不需要注册,可以先进去逛逛的信息却丢失了。同时传递给用户的抓虾logo信息也同时丢失。
    以上是小弟对语义网中图片处理的一点拙见,还望指正。

你可能感兴趣的:(css)