img标签的title和alt
img标签的title和alt
- 显示上
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属性可以描述图片内容和关键字,便于搜索引擎优化；