img标签title和alt属性的区别及使用场景

图片img标签的'title'属性和'alt'属性都是用于描述图片，但是它们的作用和使用场景不同。

'alt'属性：是指图片标签中的'Alternative Text'（替代文本），用于在图片无法加载时提供文本描述。此时，浏览器会显示'alt'属性中的文本，帮助用户了解图片的内容。同时，'alt'属性也有助于搜索引擎的理解和索引，提高网站的SEO效果。
'title'属性：是指图片标签中的'Title Text'（标题文本），用于为图片提供附加信息。当鼠标悬停在图片上时，浏览器会显示'title'属性中的文本，用于补充说明图片的内容或提供提示性信息。'title'属性一般用于美化页面或提供更多信息，但不会影响SEO效果。

因此，'alt'属性是必须的，而'title'属性则是可选的。在使用图片时，应该优先考虑提供准确、有意义的'alt'属性，以便为用户和搜索引擎提供更好的体验。同时，如果有需要提供附加信息或提示，可以使用'title'属性。