這篇文章給大家分享的是有關分享h5中alt和title的區別與用法是什么的內容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。
alt和title的是我們工作中經常用到這兩個屬性,但是一直沒有總結他們的區別?,F在就對他們兩個的用法做一下總結。
相同點:他們都會飄出一個小浮層,顯示文本內容。
不同點:1.alt只能是元素的屬性,而title即可以是元素的屬性也可以是標簽,例如:<title>標題</title>。
2.alt屬性則是用來指定替換文字,只能用在img、area和input元素中(包括applet元素),用于網頁中圖片無法正常顯示時給用戶提供文字說明使其了解圖像信息。注意,alt是替代圖像作用而不是提供額外說明文字的。根據一些SEO人士的說法,使用alt屬性還具有搜索引擎優化效果,因為搜素引擎是無法直接讀取圖像的信息的,alt可以為其提供文字信息所以對搜索引擎比較友好。
而title可以用在任何元素上,把鼠標移動到元素上面,就會顯示title的內容,以達到補充說明或者提示的效果。
但是,通常人們容易搞錯的是title和alt這兩個屬性同時用于img標簽的時候。在舊版本的IE瀏覽器中,鼠標經過圖像時顯示的提示文字是alt的內容,而忽略了title屬性,這個曾經誤導了很多人。因此,如果想在IE中顯示title的內容,要么title屬性和alt一致,要么alt內容為空(“”,空格也不能有)。不過,在新版的IE(IE8及以上)中,已不會出現這種情況了。
另外,當a標簽內嵌套img標簽時,起作用的是img的title屬性。
感謝各位的閱讀!關于分享h5中alt和title的區別與用法是什么就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。