alt與title的區別(img屬性)
阿新 • • 發佈:2021-01-21
技術標籤:html
img – alt與title的區別:
1.alt 屬性指定了替代文字,用於在影象無法顯示或者使用者禁用影象顯示時,代替影象顯示在瀏覽器中的內容。
2.title屬性,當配置後滑鼠挪動該圖片上時顯現title配置的內容。
- 1.當圖片新增alt屬性但是影象無法正常顯示:
<img src="../../image/small-A1.jpeg" alt="蠟筆小新" />
-
顯示:
-
2.當圖片新增alt屬性且影象正常顯示:
<img src="../../image/small-A.jpeg" alt="蠟筆小新" />
-
顯示:
-
3.當圖片新增title屬性且成功顯示時:
<img src="../../image/small-A.jpeg" title="蠟筆小新" />
- 顯示:
- 4.當圖片新增title屬性但未成功顯示時:
<img src="../../image/small-A1.jpeg" title="蠟筆小新" />
- 顯示: