img标签的alt属性[使用HTML标签来显示文本而不是图像]

我们在网站开发的时候,我们常常被建议使用HTML标签来显示文本,而不是图像。这样可以使得网站具有更快的加载速度以及可访问性。

 

举个例子说,你开发了一个网站,你想在你网站的每一个页面的页面顶端放一个"购买物品"。现在加入你是一个卖家,那么你很期望你的物品能被搜索引擎找到,也许你会这么做:

购买物品

 

实现了,但是这里需要注意的是,搜索引擎并不会关注img标签alt里的关键字。

 

所以,我们可以用css来代替。

如下:

购买物品

然后定义css:

h1
{
background: url(widget-image.gif) no-repeat;
}

h1 span
{
position: absolute;
left:-2000px
}

 

这样子就OK了,迎合了搜索引擎的口味。

 

文章摘自http://www.divcss5.com/jiqiao/j509.shtml

转载于:https://www.cnblogs.com/super-zhen/p/3522365.html

你可能感兴趣的:(img标签的alt属性[使用HTML标签来显示文本而不是图像])