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

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

HTML img title 語法範例
<img src="圖片網址" title="要顯示的圖片標示文字">
要顯示的圖片標示文字可以用繁體中文,字數建議不要太多,僅對圖片做簡單的文字標示即可。

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

延伸閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012
PHP Smarty MySQL JQuery Apache W3C