学习网页优化的人首先要了解 <img> 标签中 alt 属性的重要性。如果您使用 XHTML 规范，如果 img 标签中没有 alt 属性就不会通过验证，因此确保完整地提供这个信息就显得格外重要。写 alt 内容很简单，但是如何通过书写高质量的 alt 属性来提高代码的可读性而不是变得更加晦涩，那么就需要费些思量了。

ALT就是ALTernative（替换）

alt 属性是对图片的替换；如果图片显示正常，那么 alt 属性中的内容就不应该显示出来（不幸的是 IE 把这个属性错误地处理为提示，而这功能最好还是通过 title 属性来实现）。当你在写这个 alt 内容时，一定要记得问自己这幅图片向读者传递了什么含义。

对于修饰性的图片，请把 alt 属性留白

大部分的网站都包含大量的图片，而这些图片纯粹为了修饰页面：诸如spacer.gif、模仿阴影效果的页面亦或是文字周围的花边。所有这种类型的图片，它们的 alt 属性应该留白。他们没有给页面带来额外的信息，所以应该让搜索引擎或者浏览器忽略它们。

如果图片中包含文字信息，把这些文字复制到 alt 属性中

在网页设计中时常需要显示非打印字体，这时图片中包含文字。把图片中的文字复制到 alt 属性中，从视觉的可读性来说这种技术绝对没有问题。这条规则没有例外：如果一幅图片包含文字，alt 内容必须与图片包含文字一致。当图片作为导航链接时，这种方法更加重要。

对于图表，请尝试总结图中的趋势

图表是不易表述的图片类型之一。正如这句谚语“一幅图抵得上千言万语”。通常，图表被用来突出一种特别的趋势，因此 alt 内容可以用来总结这种趋势，例如“失业率从1月的5%上升到3月的7%”。longdesc 属性在这里或许更加有用。

自定义列表图标，请使用CSS

如果一幅图片是被用于自定义列表(li)的图标，那么就要考虑使用 CSS 来实现它。CSS 可以很容易地实现 HTML 列表的自定义图标，更重要的是通过这种方法不但可以减少重复的代码，而且还可以让代码变得更加直观。如果因为某些原因不能这么做，那么可以使用一个简单的星号来替代：这样至少可以让一些功能简单的浏览器显示出来，比如纯文字网页浏览器（lynx）。

对于其他一些图片，请尽情地发挥您的想象吧

上面的建议涵盖了大多数常见的情况，而用那些上面没有提及到的图片类型来表达一种含义，那么您就需要发挥想象力来思索图片想要传递的信息。例如，您叔叔的一幅照片可以描述为：“我的叔叔，站在我们家的客厅，抱着我们的黑白混色的猫咪”。给照片的 alt 属性编写合适的内容特别困难，但是这点并没有什么硬性的规定和快捷的方法，所以要做到相得益彰还是要取决您自己的发挥。

longdesc 属性

比起 alt 属性的知名度，longdesc 属性称得上是鲜为人知。这是一个 <img> 标签中可选的附加属性，可以写入跳转到这幅图片完整描述页面的链接地址。但是目前鲜有支持这一属性的客户终端，不过在不远的将来这一点将会得以改善。根据图片所要表达的含义，您可以编写一段独立的完整描述，然后通过这个属性把图片链接到完整描述。一种很好的方法是在图片的下方提供一段描述，然后设置anchor（锚），最后在图片的 longdesc 属性中写入锚的链接。

文章说明

• 原文地址：http://www.gawds.org/show.php?contentid=28
• Cityreader 对原文进行翻译，结合了自己的理解和注释。
• 转载本文请留言，请保留作者名和网页地址：）