網(wǎng)頁中關(guān)于alt標簽和title標簽的用法區(qū)別
2016/8/9 9:29:50 閱讀:1809
發(fā)布者:1809
經(jīng)常用到這兩個屬性,但是一直沒有清楚他們的區(qū)別。現(xiàn)在我對他們兩個的用法做一下詳解:
相同點:他們都會飄出一個小浮層,顯示文本內(nèi)容。
不同點:
1.alt標簽只能是元素的屬性,而title標簽即可以是元素的屬性也可以是標簽,例如:。
2.alt標簽屬性則是用來指定替換文字,只能用在img、area和input元素中(包括applet元素),用于網(wǎng)頁中圖片無法正常顯示時給用戶提供文字說明使其了解圖像信息。注意,alt標簽是替代圖像作用而不是提供額外說明文字的。根據(jù)一些SEO優(yōu)化人士的說法,使用alt標簽屬性還具有搜索引擎優(yōu)化效果,因為搜素引擎是無法直接讀取圖像的信息的,alt標簽可以為其提供文字信息所以對搜索引擎比較友好。
而title標簽可以用在任何元素上,把鼠標移動到元素上面,就會顯示title標簽的內(nèi)容,以達到補充說明或者提示的效果。
但是,通常人們?nèi)菀赘沐e的是title標簽和alt標簽這兩個屬性同時用于img標簽的時候。在舊版本的IE瀏覽器中,鼠標經(jīng)過圖像時顯示的提示文字是alt標簽的內(nèi)容,而忽略了title標簽屬性,這個曾經(jīng)誤導了很多人。因此,如果想在IE中顯示title標簽的內(nèi)容,要么title標簽屬性和alt標簽一致,要么alt標簽內(nèi)容為空(“”,空格也不能有)。不過,在新版的IE(IE8及以上)中,已不會出現(xiàn)這種情況了。
另外,當a標簽內(nèi)嵌套img標簽時,起作用的是img標簽的title標簽屬性。
以上這篇關(guān)于alt標簽和title標簽的用法區(qū)別詳解就是亞網(wǎng)互聯(lián)分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持亞網(wǎng)互聯(lián)。