• 显示上
  title:鼠标移入到图片上时候显示的内容；
  alt:图片无法加载时候显示的内容;

 <div class="box">
      <div>
        <!-- title -->
        <h3>title</h3>
        <img src="./image/poster.jpg" title="这是封面图片" />
      </div>
      <hr />
      <div>
        <!-- alt -->
        <h3>alt</h3>
        <img src="./image/111.jpg" alt="这里显示封面" />
      </div>
    </div>

• seo方面
  在seo层面,很多网站都会通过alt来优化seo。一般情况下爬虫抓取不到图片的内容,加了alt属性可以描述图片内容和关键字,便于搜索引擎优化；