html中關於alt和title的相同點和不同點介紹

常用到alt和title這兩個屬性，但一直沒有總結他們的差異。現在對他們兩個的用法做一下總結：

相同點：他們都會飄出一個小浮層，顯示文字內容。

不同點：

1.alt只能是元素的屬性，而title即可以是元素的屬性也可以是標籤，例如:。

2.alt屬性則是用來指定替換文字，只能用在img、area和input元素中（包括applet元素），用於網頁中圖片無法正常顯示時給用戶提供文字說明使其了解圖像資訊。請注意，alt是替代圖像作用而不是提供額外說明文字的。根據一些SEO人士的說法，使用alt屬性還具有搜尋引擎優化效果，因為搜素引擎是無法直接讀取圖像的資訊的，alt可以為其提供文字資訊所以對搜尋引擎比較友好。

而title可以用在任何元素上，把滑鼠移到元素上面，就會顯示title的內容，以達到補充說明或提示的效果。

but，通常人們容易搞錯的是title和alt這兩個屬性同時用於img標籤的時候。在舊版的IE瀏覽器中，滑鼠經過圖像時顯示的提示文字是alt的內容，而忽略了title屬性，這個曾經誤導了許多人。因此，如果想在IE中顯示title的內容，要么title屬性和alt一致，要么alt內容為空（“ ”，空格也不能有）。不過，在新版的IE（IE8以上）中，已經不會出現這種情況了。

另外，當a標籤內嵌套img標籤時，起作用的是img的title屬性。

以上是html中關於alt和title的相同點和不同點介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！