关于img的两个问题

img标签的title和alt有什么区别

区别

• alt 属性是当元素不能正常呈现时用作元素内容的替代文本。<img> 是使用 alt 属性的最常用标签。当无法加载图像时，浏览器将在其位置显示 alt 文本，以便用户了解包含图像的含义。
• title 属性是将鼠标悬停在元素上时看到的工具提示文本，是对图片的描述和进一步的说明。

良好用法

始终为 <img> 标签使用 alt 属性，以提供一些有用的信息。

<!-- × -->
<img src="blue.jpg" alt="图片" />

<!-- √ -->
<img src="blue.jpg" alt="蓝色的图片" />

alt是代替图片的文字，图片不能显示时会显示alt，title是鼠标指上去时的解释文字

如果alt是这个图片的一个属性，相当于是在告诉搜索引擎这张图片说的是什么。搜索引擎本身是不能够识别图片的内容的，所以需要添加ALT属性。

因此，图片的title可以没有，但是做网站的话，有图片就一定需要有ALT。

Alt是放在img上的面title是放在a上的，alt限长为100字符，对seo优化有很大帮助

• title:非常的重要，这个是标题栏上面显示的，也就是你要设置的重要关键词，一般设置精准点，

• alt：图片属性，命名这个最好与title中最重要的关键词设置一样，这样对你的优化有更好的效果！

小技巧

这里有两个选项可以确保在 img 标签上始终包含 alt 属性。

使用 CSS 为任何缺少或空白 alt 属性的 img 提供红色轮廓：

img:not([alt]),
img[alt=''] {
  outline: 8px solid red;
}

src和href之间的区别

href标识超文本引用，用在link和a等元素上，href是引用和页面关联，是在当前元素和引用资源之间建立联系

src表示引用资源，表示替换当前元素，用在img，script，iframe上，src是页面内容不可缺少的一部分。