HTML img title 屬性 (滑鼠移經圖片顯示文字)

HTML img title 屬性是當滑鼠移經圖片時，讓圖片自動顯示一個小的文字說明視窗，img title 也稱為圖片標題，是 HTML img 圖片標籤內建的屬性，這個 img title 的用途可以讓瀏覽者在看圖片時，獲得多一點資訊，例如放了一張旅遊的照片在網頁上，就可以使用 img title 在照片上說明些景點短語或心情小語，當瀏覽者的滑鼠移到圖片上的時候自動顯示，當滑鼠移出圖片範圍時，就自動消失，所有主流的瀏覽器都支援 HTML img title 屬性，是網頁設計時，使用頻率相當高的一種技巧。

與 img title 屬性相對應的是 alt 屬性，請參閱：HTML img alt 屬性 (圖片替代文字)。

HTML img title 屬性語法

圖片標題僅為 HTML img 圖片標籤的其中一個常用屬性，title 的等號後方可以接單引號（''）或雙引號（""），引號內僅接受字串符，也就是文字或符號，img title 標籤並非必要項目，不寫也沒有關係。

HTML img title 屬性範例

範例的效果

當滑鼠移到圖片上方就會顯示說明文字

根據正確的使用規則來說，HTML img title 的功能是用來說明圖片，簡單明瞭即可，不需要塞入一堆沒有意義的文字在圖片 title 上，除了造成使用者的困擾之外，也會造成搜尋引擎對圖片的誤判，很可能被屏除在搜尋結果外，使用 HTML img title 的原則就是用最簡單清楚的文字標示一張圖片，同一個網頁內若有多張圖片，也盡量用不同的 img title 標示清楚，這樣其實就已經夠了。

更多網頁圖片設計技巧