CSS技巧

.Image的alt属性   -   TOP

  我们在网站开发的时候,我们常常被建议使用HTML标签来显示文本,而不是图像。这样可以使得网站具有更快的加载速度以及可访问性。举个例子说,你开发了一个网站,你想在你网站的每一个页面的页面顶端放一个"购买物品"。现在加入你是一个卖家,那么你很期望你的物品能被搜索引擎找到,也许你会这么做:

  1. <h1><img src="widget-image.gif" alt="购买物品" /></h1> 

  实现了,但是这里需要注意的是,搜索引擎并不会关注img标签alt里的关键字因为现在很多的卖家都是这样子),所以白搭。所以,我们可以用css来代替

  如下:

  1. <h1><span>购买物品</span></h1> 

  然后定义css:

  1. h1 
  2.  
  3.  
  4. background: url(widget-image.gif) no-repeat; 
  5.  
  6.  
  7. h1 span 
  8.  
  9.  
  10. position: absolute; 
  11.  
  12. left:-2000px 
  13.  

  这样子就OK了,迎合了搜索引擎的口味。所以呀,搜索引擎真的伤不起呀。

原文地址:https://www.cnblogs.com/sovf/p/3256541.html