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

语法(释义 例子 常见误解)

重要性

标签写法(正确写法 注意事项)

语法

释义

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

<img alt="...">

<area alt="...">

例子

视力受损的读者如果使用屏幕阅读器如JAWS（英语：JAWS (screen reader)）或Orca（英语：Orca (assistive technology)），这些应用程序会将图像中提供的alt文字读出，让他们以聆听理解图像内容。纯文字网页浏览器如Lynx或允许使用者手动会禁止下载图像的浏览器会显示alt文字以取代图像；一般能正常显示图像的网页浏览器的读者则需要开启图像属性或页面原始档才能得知alt属性内容。

常见误解

IE7将alt文字显示成弹出式提示框Internet Explorer 7及更旧版本会错误地将alt属性渲染成弹出式提示框（英语：tooltip）。这个设定导致许多网络开发者真的将alt属性当成弹出式提示框来使用[3]，而忽视了title才是用来显示弹出式提示框的正确属性。这个失误在Internet Explorer 8被改正过来，alt文字不会再被当成提示框弹出。alt属性有时亦会被误称为“alt元素”（alt tag，变相与img元素画上等号）。

重要性

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

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

标签写法

正确写法

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

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

注意事项

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