html中alt是什么意思-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

html中alt是一种参数属性，alt的作用就是当HTML元素本身的物件无法被渲染时，就可以显示alt文字作为一种补救措施；alt属性主要用于img与area元素中。

本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。

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

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

1 2	`<img alt="..."` `/>` `<area alt="..."` `/>`

alt是一个必需的属性，它规定在图像无法显示时的替代文本。alt属性是用来对网页上的图片进行描述，光标在图片上时显示的提示语即采用该标签实现。

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

1、网速太慢

2、src 属性中的错误

3、浏览器禁用图像

4、用户使用的是屏幕阅读器

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

作用

从SEO和用户体验来看，ALT-代替属性都是必要的，其重要性主要有：网页内容相关性是关键词优化的前提，搜索引擎认为，网页上的图片应该与网页主题相关。

反过来讲，当搜索引擎要判断网页的关键词时，图片的ALT-代替属性是一个可信任的参考点。所以，别忘了在图片的ALT-代替属性

重要性

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

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

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

所以，别忘了在图片的ALT-代替属性里添加上该网页的关键词。有时候因为一些原因，比如使用屏幕读取器、带宽较低、网络阻碍等导致网页上的图片无法显示。

描述性的ALT-代替属性可以告诉用户该位置的内容，从而添加用户体验。正规的网站都应该这样做。有时，如果没有ALT-代替属性，会导致用户不明白该图片代表着什么，为什么放在这个网页。

更多详细的HTML/css知识，请访问HTML视频教程栏目！

以上就是html中alt是什么意思的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者