html中的alt和title用法區(qū)別

首先明確一下概念,alt是html標(biāo)簽的屬性,而title既是html標(biāo)簽,又是html屬性。title標(biāo)簽這個不用多說,網(wǎng)頁的標(biāo)題就是寫在<title></title>這對標(biāo)簽之內(nèi)的。title作為屬性時,用來為元素提供額外說明信息。例如,給超鏈接標(biāo)簽a添加了title屬性,把鼠標(biāo)移動到該鏈接上面是,就會顯示title的內(nèi)容,以達到補充說明或者提示的效果。而alt屬性則是用來指定替換文字,只能用在img、area和input元素中(包括applet元素),用于網(wǎng)頁中圖片無法正常顯示時給用戶提供文字說明使其了解圖像信息。注意,alt是替代圖像作用而不是提供額外說明文字的。根據(jù)一些SEO人士的說法,使用alt屬性還具有搜索引擎優(yōu)化效果,因為搜素引擎是無法直接讀取圖像的信息的,alt可以為其提供文字信息所以對搜索引擎比較友好。通常人們?nèi)菀赘沐e的是title和alt這兩個屬性同時用于img標(biāo)簽的時候。在舊版本的IE瀏覽器中,鼠標(biāo)經(jīng)過圖像時顯示的提示文字是alt的內(nèi)容,而忽略了title屬性,這個曾經(jīng)誤導(dǎo)了很多人。因此,如果想在IE中顯示title的內(nèi)容,要么title屬性和alt一致,要么alt內(nèi)容為空(“”,空格也不能有)。不過,在新版的IE(IE8及以上)中,已不會出現(xiàn)這種情況了。另外,當(dāng)a標(biāo)簽內(nèi)嵌套img標(biāo)簽時,起作用的是img的title屬性。

轉(zhuǎn)自心靈小屋

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容