這個題在前端筆試題中不止一次遇到了,這是一定要記下來

一)二者皆有

<img src="http://img.mukewang.com/52da54ed0001ecfa04120172.jpg" title="這是標題" alt="這是提示" /> 
  1. 圖片顯示時(滑鼠經過是顯示title) 在這裡插入圖片描述

  2. 圖片不顯示時(圖片位置顯示alt,經過文字區域時顯示title) 在這裡插入圖片描述

二)只有alt沒有title

  1. 圖片顯示時,滑鼠經過沒有文字提示
  2. 圖片不顯示時,顯示提示 在這裡插入圖片描述

三)只有title 沒有alt

  1. 有圖片時,滑鼠經過顯示標題 在這裡插入圖片描述
  2. 沒有圖片時,顯示標題,起到了alt的作用

在這裡插入圖片描述

總結來說,alt和title一起使用時最好,title可以代替alt的工作,反之則不行,(謝謝慕課的線上演示,哈哈) ps:補充,啥也不設定,肯定是啥也看不到,哈哈