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

    在做网页的时候，经常需要用到图片，而呈现图片的方式一般为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信息也同时丢失。
    以上是小弟对语义网中图片处理的一点拙见，还望指正。

评论

1 楼 ahwingwu 2009-04-28  

这也是我最近比较困扰的问题。

楼主说的是在使用上的可用性上的问题，但是从语义上说，并不一定是这样。

比如，有些图片可以理解成为标题类的，按照楼主的说法需要用到img，但是在语义上它更应该是hx.制作上用background来做。这样去掉css，hx依然存在。

我现在的困扰主要在，
1、什么时候该用Img，
2、可点击的图片，是理解成button，还是img？