在 HTML 中,我們可以使用標簽來插入圖片。但是,有時候我們需要為圖片設置一個文字提示,讓用戶更好地了解圖片的內容或作用。這里介紹一下如何為圖片設置文字提示。
首先,我們可以使用標簽的 title 屬性來為圖片設置提示文字。例如:
<img src="example.jpg" alt="例圖" title="這是一個例圖">
在代碼中,title 屬性的值為“這是一個例圖”,當鼠標移到圖片上時,就會顯示這個值作為提示文字。
除此之外,還可以使用標簽的 aria-label 屬性來為圖片設置提示文字。例如:<img src="example.jpg" alt="例圖" aria-label="這是一個例圖">
在這里,aria-label 屬性的值同樣為“這是一個例圖”,但是這個屬性的作用不僅僅限于為圖片設置提示文字,還可以幫助屏幕閱讀器等輔助技術正確地閱讀頁面信息。
總之,為圖片設置文字提示是一個很好的實踐,可以幫助用戶更好地了解頁面內容和結構,也可以使輔助技術更好地識別頁面信息,提升頁面的可訪問性。