之前有整理過一部分知識點(diǎn), 一直沒有發(fā)布, 因?yàn)槎际怯嘘P(guān) 前端 方面的零散內(nèi)容; 現(xiàn)在想想無論分享什么內(nèi)容都需要慢慢積累, 所以還是決定將之前整理的相關(guān)內(nèi)容驗(yàn)證之后慢慢分享給大家 這個(gè)專題 就是 工作中開發(fā)問題總結(jié) 相關(guān)的內(nèi)容; 不積跬步，無以至千里, 戒焦戒躁 。

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

1.alt 屬性:

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

2.Title 屬性:

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

3.title 和 alt 的區(qū)別

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

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。