1. 程式人生 > >img的屬性alt 與 title的區別

img的屬性alt 與 title的區別

dash mda 進行 有道 html文檔 是否 title image 替代

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

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

技術分享

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

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

來看實例:

實例一,圖片可顯示,

技術分享

實例二,圖片不顯示,

技術分享

總之;

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

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

img的屬性alt 與 title的區別