首頁 > web前端 > html教學 > img屬性中alt和title的區別圖文詳解

img屬性中alt和title的區別圖文詳解

黄舟
發布: 2017-10-21 10:35:00
原創
3084 人瀏覽過

當我們為圖片加上屬性的時候,初學時,可能會混淆alt與title的區別,那麼這兩個的區別,我們可以從本意來看——

 

alt原詞是“Alternate”,切換,替換的意思。常用的輸入法切換會用到alt鍵進行中英文切換。根據有道標準釋義如下:

 

title,即為標題、主題,某一物件的標題,如文章有文章標題,作用是對文章進行總結性描述。

所以,區分就好區分了,在HTML文檔編輯img標籤中,alt即是起到替代img無法顯示時候的描述作用,告訴人這裡是什麼;而title是對圖片進行描述的主題,無論圖片是否顯示,只要有img標籤存在,當滑鼠指向img所在位置時,title內容就會浮現。

看範例:

 

範例一,圖片可顯示,

 

## 

實例二,圖片不顯示,

 

 

總之;

alt是在圖片無法顯示時候對無法顯示的物件描述作用;圖片顯示時不表現;

title,是圖片的標題主題,只要img標籤存在,不管是否顯示圖片,滑鼠停滯在此處時都會浮現;

以上是img屬性中alt和title的區別圖文詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板