HTML img title 滑鼠移經顯示文字標示

HTML img title 的用法與 img alt 類似，但實際用途並不一樣，img title 用來當滑鼠移經（mouseover）圖片時，顯示圖片的文字標示，這樣的好處是可以增加網友對該張圖片的認識，可以用來為圖片加上一點點的文字標示。

HTML img title 語法範例

要顯示的圖片標示文字可以用繁體中文，字數建議不要太多，僅對圖片做簡單的文字標示即可。

HTML img title 圖片標題範例

範例呈現的效果

我們在範例中準備了兩張圖片，左邊的那張圖片沒有使用 img title，而右邊的那張則有使用 img title，從範例輸出的結果可以測試，當滑鼠移到左邊的範例圖片上並不會有任何的效果，但是當滑鼠移至右邊的範例圖片上，就會顯示出圖片標題文字，這就是 HTML img title 的實際效果。提醒各位，圖片的標題文字不要寫太多，太過冗長反而失去意義。

延伸閱讀