iT邦幫忙

2022 iThome 鐵人賽

DAY 8
0

很多人在使用 img 標籤除了會使用 alt 屬性之外,還會搭配使用 title 屬性。
在之前文章提過 alt 屬性最主要就是當圖片失效時,可以成為輔助的文字,讓人理解圖片表達之意。
另外,alt 屬性描述的完整且符合事實,也能有效提升 SEO

而 title 是針對該標籤給予一些建議訊息,通常滑鼠移到該標籤上,才會顯示一段的提示文字(tooltip text)。
很多人會把 title 跟 alt 錯用,雖然都是增加增添資訊的成分,但主要用途還是不一樣的

<h1>Hello/h1> 
<img src="圖片網址" alt="圖片替代文字" title="滑鼠滑過去會出現的字">

如果你希望你的 title 文字會換行的話,可以寫成

<h1>Hello/h1> 
<img src="圖片網址" alt="圖片替代文字" title="滑鼠滑過去
會出現的字">

這樣就可以出現換行得效果


上一篇
Day 07 href 屬性
下一篇
Day 09 type 屬性
系列文
一日一屬性,HTML 基礎一定行30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言