在 HTML 开发中，alt 是图片标签 <img> 的一个属性，表示图片的“替代文本（Alternative Text）”。
当图片无法正常加载时，alt 属性中的文本将作为替代内容显示出来。
此外，alt 属性还有助于提高网页的可访问性，因为屏幕阅读器会通过 alt 文本来帮助视障用户理解图片的内容。
举个例子
<img src="example.jpg" alt="风景优美的湖泊" />
当图片 example.jpg 无法加载时，用户会看到替代文本“风景优美的湖泊”。
-
就像上面说过的，alt 主要作用是提升可访问性
由于网络文档，图片加载失败时，alt 属性可以传达一些信息（这个意义真的重要么？可以协助前端排查问题）。
对于视障用户，屏幕阅读器会读取图片的alt属性，让他们知道图片的含义。这是建设无障碍网页的基础之一。 -
SEO（搜索引擎优化） 帮助搜索引擎理解网页内容
注意点
简单明了（有利于解读页面内容（堆砌关键词真的有用吗？））
不要对页面内容累赘描述
工具
- AI 生成器：https://ai-alttext.com/zh
