之前有整理過一部分知識點, 一直沒有發布, 因為都是有關 前端 方面的零散內容; 現在想想無論分享什么內容都需要慢慢積累, 所以還是決定將之前整理的相關內容驗證之后慢慢分享給大家 這個專題 就是 工作中開發問題總結 相關的內容; 不積跬步，無以至千里, 戒焦戒躁 。

好了廢話不多說, 直接上代碼以及圖例(為了讓大家方便閱讀, 都有自己驗證過程的一些圖片作為分享) 。

1.alt 屬性:

1. 如果無法顯示 <img> 圖像, 瀏覽器將顯示 alt 屬性設置的內容為替代文本 。2. alt 是給搜索引擎識別, 在圖像無法顯示時的替代文本;3. 當用戶無法查看圖像時（可能由于網速太慢、錯誤的 src 屬性、或者用戶使用的是屏幕閱讀器），alt 屬性為圖像提供了替代的文本。4. (因為IE不標準)在 低版本 IE 瀏覽器中 alt 起到了 title 的作用, 變成文字提示 。1. 在定義 img 對象時, 將 alt 和 title 屬性寫全, 可以保證在各種瀏覽器中都能正常使用 。5. alt 屬性使用規則:1.如果圖像中包含信息，則 alt 文本應該對圖像進行描述2. 如果圖像位于 <a> 元素中，則 alt 文本應該解釋鏈接指向哪里3. 如果圖像是純裝飾性的，請使用 alt=""

2.Title 屬性:

1. title 屬性規定關于元素的額外信息 。2. 這些信息通常會在鼠標移到元素上時顯示一段工具提示文本（tooltip text）。3. title 屬性常與 form 以及 a 元素一同使用，以提供關于輸入格式和鏈接目標的信息。4. 總結為: title 是關于元素的注釋信息, 主要是給用戶解讀 。

3.title 和 alt 的區別

1. 前者 alt 是在圖片無法加載的時候才會顯示的其值;2. 而 title 是在圖片正常加載鼠標劃上去顯示的值;3. 雖然 alt 也有后者的功能, 但是只是在低版本的 ie 瀏覽器才支持, 高版本及標準瀏覽器不支持這個功能了 。

如果對你有所幫助，大家可以點個關注；整理知識點不易, 每次都是在工作繁忙之余夜深人靜之時整理, 每次整理時都在思考如何讓大家更容易理解, 更容易找到、看到自己想看到的內容; 無論知識點是大是小, 我都會驗證后再分享, 以防自己發表的文章給大家造成誤導。如有問題還望不吝賜教，本人會及時更改 (本文原創, 如需轉載，請注明出處) 。

總結

以上是生活随笔為你收集整理的css 标签上 title 和 alt 的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。