上次说到  图片应该被作为CSS背景图片和填充物，从装饰元素中突出文本：

XHTML:

<h2>About Us</h2>

CSS:

h2 { 

padding-left:25px;

background:url(..i/flourish.gif)  no-repeat left;

 }

单凭经验的方法：如果视觉的内容不传达信息，那么所有的图片都应该通过CSS呈现。当alt不能准确的描述图片中的内容时，同时使用longdesc属性来创建一个包含更完整描述的链接。

传统上，longdesc已被用来链接包含详细描述的外部HTML文件；

<img src="client-logos,gif" alt="Logos of our top clients"

longdesc="logo-description.html"/>

• 要求用户离开正在浏览的网页。这个可能会令人恼怒；
• 将重要的，关键字丰富的内容移到另一个页。它可以被搜索引擎单独检索，而不是与页面其他的相关的内容放在一起；
• 需要在网站上创建另一个文档案来管理，当许多图像要求longdesc内容时，可能会很累赘。

         不用把longdesc文本放到另外一个页面上，你只需要在标记中创建一个注脚区域，在longdesc中放置锚链接：

<img src="client-lodos.gif" alt="Logos of our top clients"

longdesc="#footnote1"/>

在页面的页脚处。。。

<ul id="footnotes">

<li id="footnote1"><a name="footnote1" ></a>

<!--这里就是对图片的描述-->Some of our top clients includes The Chi..........................

...............................................................................................................

..............................Home.

</li>

</ul>

               用无序列表作为注册的容器，你可以容易地根据需要添加，使之保持单一的结构。或者，你也可以选择对用户隐藏注脚，他们看到图片时获得的是相同的信息。要这么做，只需要把内容放在页面下面9999像素：

#footnotes {

text-indent:-9999px;

position:absolute;

}

因为注脚的栈会在页面的底部创建看似不必要的滚动空白区域，因此你可能希望从文件流中。删除它。把和CSS放在一起的元素从文件流中删除，这意味着页面看上去就像它不存在一样。现在有了适当的注脚，图片也变得搜索引擎友好了。

    就是把对图片的具体描述放到用户不用看见的地方。但是很需要让搜索引擎发现这些描述图片的东西。