alt标签可在图片不显示时

首先，我们先来看看img标签的alt属性是什么意思？

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

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

网速太慢

src属性中的错误

浏览器禁用图像

用户使用的是屏幕阅读器

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

我们强烈推荐您在文档的每个图像中都使用这个属性。这样即使图像无法显示，用户还是可以看到关于丢失了什么东西的一些信息。而且对于残疾人来说，alt属性通常是他们了解图像内容的唯一方式。

注释：alt属性的值是一个最多可以包含1024个字符的字符串，其中包括空格和标点。这个字符串必须包含在引号中。这段alt文本中可以包含对特殊字符的实体引用，但它不允许包含其他类别的标记，尤其是不允许有任何样式标签。

注释：当用户把鼠标移动到img元素上时，InternetExplorer会显示出alt属性的值。这种行为并不正确。所有其他的浏览器正在向规范靠拢，只要当图像无法显示时，才会显示出替代文本。

提示：如果需要为图像创建工具提示，请使用title属性。

HTMLimg标签的alt属性的实例：

带有替代文本的图像：

HTMLimg标签的alt属性的语法：

HTMLimg标签的alt属性的属性：

tuyi.png

为什么HTMLimg标签要添加alt属性：

首先，先说明本人前端初级菜鸟一枚。今天在看教学视频的时候，老师说了一句，alt属性必须要添加。不明白原因，所以就在网上查了一下。想尝试着写博客，锻炼自己的总结能力，所以就写成博客啦！内容是我从不同的地方看到的，将alt属性的好处和SEO的含义写在一起，看起来更方便。

SEO：搜索引擎优化的简称，是指对网站通过一系列有利于用户体验的优化 *** 作使其网站符合搜索引擎的算法排序原理，让自己的网站在在搜索引擎的搜索结果中获得良好的排名，而“图片没有alt信息的img标签”扣分较多。

网站给图片添加alt有利于SEO优化，使得网站符合搜索引擎的算法排序原理，在搜索引擎的搜索结果中获得良好的排名。alt属性是对图片的简单介绍，尽可能的包含网站的关键词。当用户加载网页有困难的时候，alt标签能帮助他们了解图片的内容，更有利于用户体验。所以图片标签添加alt属性时必须的。

alt属性的实例：

alt是在图片不能正常加载时候显示的提示语，代码如下：

要加这些东西首先你要能找出源码，如果找不出源码就加不了了，你做seo建站肯定要用程序吧，cms、wordpress等。或你自己要开发的源码都能看吧，不然怎么seo。。。

1、<imgsrc="xmseoer.jpg"alt="图片描述内容">

这个代码的意思是插入图片src=“插入的文件”这是完整的路径加图片名，为什么这里只有图片名？因为这张图片和写这段代码的文件放在同一个文件夹内了

2、其实<imgsrc="xmseoer.jpg">这样就能显示出图片了，但是为了seo优化，图片最好加个描述，这时就要用到alt="图片描述内容"如果源文件里有这句alt=""就在“”里面填上描述，如果没有的话就自己加上去，最后显示的结果是

<imgsrc="图片路径+图片名"alt="图片描述内容">

不知道你看懂了没

ALT-代替属性

，用来对网页上的图片进行描述，光标在图片上时显示的提示语即采用该标签实现，如:本页右侧的RSS图标。

从SEO和用户体验来看，ALT-代替属性都是必要的，其重要性主要有:

网页内容相关性是关键词优化的前提，搜索引擎认为，网页上的图片应该与网页主题相关。反过来讲，当搜索引擎要判断网页的关键词时，图片的ALT-代替属性是一个可信任的参考点。所以，

别忘了在图片的ALT-代替属性里添加上该网页的关键词。

有时候因为一些原因，比如使用屏幕读取器、带宽较低、网络阻碍等导致网页上的图片无法显示。描述性的ALT-代替属性可以告诉用户该位置的内容，从而添加用户体验。正规的网站都应该这样做。

ALT-代替属性的写法

最不好(但最常见):

稍好(但没有告诉用户具体内容):

---