图片alt属性应该怎么用?

我刚刚发表了一篇文章在我的个人blog里。我个人的技术blog是全英文的,这里就捡关键的翻译一下吧(也有点扩充)。

首先可以肯定的是,alt属性不是用来当弹出提示使的,那是title属性干的事情。alt的全称是alternative,也就是说,当因为某种原因不显示图片的时候(可能是图片地址不存在,或者使用了纯文本浏览器,或者是用户关掉了图片显示,诸如此类),用来替代原有图片的文字。

为了防止自己的e-mail地址被各个垃圾邮件爬虫抓到,很多人都不直接在自己的主页上写自己的邮件地址。取而代之的,有整个弄成一个图片的,有用诸如foo_AT_bar_DOT_com的,但是这些方法都不能直接使用,也不能复制后直接粘贴到邮件客户端的收件人那里去。我们可以巧用alt属性,来实现可以复制粘贴,却又不会被爬虫抓到的邮件地址。

方法其实很简单,把邮件地址其中的@用图片代替,这个图片甚至都可以并不存在,只需要把这个图片的alt设为@就行了。具体的效果可以在我的blog上面看到。注意,只有Firefox可以得到正常的结果,IE除了显示愚蠢的弹出提示外,什么都不做。

这就是标准的好处:P

6 Responses to “图片alt属性应该怎么用?”

  1. 听涛看海 Says:

    这个方法是否只是对于拥有个人主页或者BLOG的人才有用?
    像我等混网的人在论坛里的签名能用否?

  2. fishy Says:

    如果签名允许贴图片的话,那其实也是可以用的,你可以使用我的@和.的图片,或者根本不用这两个图片

  3. cathayan Says:

    没有图片的话,IE超级难看。

  4. fishy Says:

    鄙视IE,鄙视IE,呵呵

  5. maldini Says:

    alt属性只是显示图片的文字说明,
    可是显示的字是黑色的,背景是浅黄色的,我想对这两项进行修改,应该怎么办啊
    望看贴的人,会的人,给兄弟我一个答复

  6. dark Says:

    To maldini,
    上次回复了,结果回复不了。你所说的问题在CSS中可以使用属性选择符解决。
    img[alt]{color:white; background-color:red;}

    IE还未支持此CSS2属性,Firefox没有问题,我已经测试了。

Leave a Reply