图片alt属性基本介绍、用法

1、介绍

alt属性是一个用于网页语言HTML和XHTML、为输出纯文字的参数属性，作用是当HTML元素本身的物件无法被渲染时，就显示alt（替换）文字作为一种补救措施。

2、释义

在HTML 4.01中，alt属性主要用于两个img与area元素，alt属性的语法如下：

<img alt="..." />

<area alt="..." />

alt 属性是一个必需的属性，它规定在图像无法显示时的替代文本。

假设由于下列原因用户无法查看图像，alt 属性可以为图像提供替代的信息：

● 网速太慢

● src 属性中的错误

● 浏览器禁用图像

● 用户使用的是屏幕阅读器

<img> 标签的 alt 属性指定了替代文本，用于在图像无法显示或者用户禁用图像显示时，代替图像显示在浏览器中的内容。

图片alt属性可辅助搜索引擎唯能识别的图片信息，因此，在优化网站时，尽可能利用alt属性阐述图片的主题内容，但是又要避免关键词的重叠堆砌，该图片属性作用也不仅仅告诉搜索引擎图片的主要信息，另外在图片出现加载失败时，还能够让访客理解图片所阐述的内容！

用来对网页上的图片进行描述，光标在图片上时显示的提示语即采用该标签实现。从SEO和用户体验来看，ALT-代替属性都是必要的，其重要性主要有：

网页内容相关性是关键词优化的前提，搜索引擎认为，网页上的图片应该与网页主题相关。反过来讲，当搜索引擎要判断网页的关键词时，图片的ALT-代替属性是一个可信任的参考点。所以， 别忘了在图片的ALT-代替属性里添加上该网页的关键词。有时候因为一些原因，比如使用屏幕读取器、带宽较低、网络阻碍等导致网页上的图片无法显示。描述性的ALT-代替属性可以告诉用户该位置的内容，从而添加用户体验。正规的网站都应该这样做。有时，如果没有ALT-代替属性，会导致用户不明白该图片代表着什么，为什么放在这个网页。

3、正确写法

alt标签在html语言中的写法是这样的：<img src="图片路径" alt="图片描述"/>

图片描述最好是用简短的语句，描述这张图片的内容，如果是链接，则描述链接的作用，并带上关键词。

4、注意事项

不好的习惯是每张图片都没有alt标签。而不可取的是，对于每个标签都采用关键词堆砌，这样就有可能会导致被视为Spam垃圾网站。