img標簽中alt屬性與title屬性作用，也許大家比較迷惑，現在給大家舉例說明。alt屬性是圖片的替換文字。title屬性規定元素的額外信息，有視覺效果。
img標簽中alt屬性與title屬性作用，也許大家比較迷惑，現在給大家舉例說明。1111
alt屬性
1、alt屬性是考慮到不支持圖像顯示或者圖像顯示被關閉的瀏覽器的用戶，以及視覺障礙的用戶和使用屏幕閱讀器的用戶。當圖片不顯示的時候，圖片的替換文字。
2、alt屬性值得長度必須少於100個英文字符
3、alt屬性是img標簽的必須屬性，如果沒有特別意義的圖片，可以寫alt=""
4、alt屬性是搜索引擎判斷圖片與文字是否相關的重要依據，alt屬性添加到img主要的目的才是為了SEO
title屬性
1、title屬性並不是必須的。
2、title屬性規定元素的額外信息，有視覺效果，當鼠標放到文字或是圖片上時有文字顯示。
3、title屬性並不作為搜索引擎抓取圖片的參考，更多傾向於用戶體驗的考慮。
ie和firefox下展示
hdwiki百科
圖片1源碼為：<img title="hdwiki" alt="hdwiki百科" src="http://a4.att.hudong.com/18/06/19300000013045130284066992061_950.jpg">
hdwiki百科
圖片2源碼為：<img alt="hdwiki百科" src="http://a4.att.hudong.com/18/06/19300000013045130284066992061_950.jpg">
1、在ie下，圖片1摸上去顯示“hdwiki”，圖片2摸上去顯示“hdwiki百科”
2、在firefox下，圖片1摸上去顯示hdwiki，圖片2摸上去什么也不顯示。
說明的問題：
1、在ie下，沒有title時，alt 有title屬性的作用
2、在ie下，同時存在title，alt屬性時，鼠標滑過的優先顯示級別，title要高於alt
3、IE瀏覽器給了大家一個誤導，在IE中ALT會變成title屬性的文字提示是因為IE不標准。這一點Firefox做的就比較好。