alt:全称为alttext(替代文本),该属性的作用是:当页面中的图片无法正常显示时,将该文本替换掉无法显示的图片,给到用户对该图片的解释和说明(重点在于替换图片)。所以alt属性是必填的。
title:alt的作用更倾向于替换图片,对图片作解释说明的作用更多则是给到了title属性,当鼠标移动到设置有title属性的元素上时,会显示title内容,起到补充说明和提示的效果,title属性非必填。
此外,在SEO层面上,alt属性是搜索引擎判断图片与文字是否相关的重要依据,alt属性添加到img主要的目的是为了SEO,而title属性重在考虑用户体验,对搜索抓取图片没有帮助。