img標(biāo)簽中alt和title屬性的正確使用
更新時間：2008年01月10日 16:54:03 作者：
img標(biāo)簽中alt和title屬性的正確使用
在的img標(biāo)簽有兩個屬性分別為alt和title，對于很多初學(xué)者而言對這兩個屬性的正確使用都還抱有迷惑，當(dāng)然這其中一部分原因也是ie瀏覽器所導(dǎo)致的。正確的使用這兩個屬性除了可以提高圖片的搜索能力外，在用戶體驗上也是很有幫助，下面就來說說alt和title的概念與正確使用。
alt
此屬性的實質(zhì)作用是圖片在無法正確顯示的時候起到文本替代的作用,不過在IE6下還起到了title的作用（鼠標(biāo)放上去后的文字提示），IE的實現(xiàn)方法實際上是錯誤的。如果想在鼠標(biāo)滑過時顯示提示,應(yīng)該用title屬性。由于錯誤的引導(dǎo)，很多初學(xué)者就在img標(biāo)簽內(nèi)只加了alt屬性。所以這里再次表揚一記FF！
title
鼠標(biāo)滑過時顯示的文字提示，用戶體驗上很重要。當(dāng)然不必要所有的img標(biāo)簽都加此屬性，比方說logo這樣比較重要或者說用戶會體驗到的圖片內(nèi)容建議一定要加此屬性。
<img src="圖片路徑" alt="logo" title="首頁" />
alt
此屬性的實質(zhì)作用是圖片在無法正確顯示的時候起到文本替代的作用,不過在IE6下還起到了title的作用（鼠標(biāo)放上去后的文字提示），IE的實現(xiàn)方法實際上是錯誤的。如果想在鼠標(biāo)滑過時顯示提示,應(yīng)該用title屬性。由于錯誤的引導(dǎo)，很多初學(xué)者就在img標(biāo)簽內(nèi)只加了alt屬性。所以這里再次表揚一記FF！
title
鼠標(biāo)滑過時顯示的文字提示，用戶體驗上很重要。當(dāng)然不必要所有的img標(biāo)簽都加此屬性，比方說logo這樣比較重要或者說用戶會體驗到的圖片內(nèi)容建議一定要加此屬性。
<img src="圖片路徑" alt="logo" title="首頁" />
相關(guān)文章
ie6,ie7,ie8完美支持position:fixed的終極解決方案
ie6對position:fixed不支持，網(wǎng)上有很多解決方法，有的在ie6,ie7上調(diào)試成功后，在ie8上又不好使，div層還是跟隨滾動條浮 動；以下總結(jié)方法，在ie6,ie7,ie8上都調(diào)試成功，且頁面滾動條滾動時，效果還挺好，div層并不會閃爍。2014-05-05
Internet Explorer 8 beta 中文版與IE7共存的解決方法
今天安裝了IE8，去微軟網(wǎng)站下載的時候發(fā)現(xiàn)已經(jīng)提供中文版的beta了，哈哈 發(fā)現(xiàn)IE8沒有傳說中的那么妖魔化，不錯的瀏覽器，新增功能不錯。2008-05-05
會移動的文字(Marquee)...2006-11-11
給自己的網(wǎng)站制作一個favicon.ico圖標(biāo)的實現(xiàn)方法
給自己的網(wǎng)站制作一個favicon.ico圖標(biāo)的實現(xiàn)方法...2007-03-03
最近一個項目，css,js等靜態(tài)資源做了cdn部署，瀏覽網(wǎng)站時發(fā)現(xiàn)font?awesome字體圖標(biāo)通通不能正常顯示。只有一些奇怪的符號。瀏覽器控制臺報錯信息：font-face引用字體跨域。2023-06-06
div+css布局必須要知道的css條件注釋理論及實踐...2007-05-05
網(wǎng)頁設(shè)計布局基礎(chǔ)...2007-02-02
程序猿的時間大多都給了工作和學(xué)習(xí)，但是可能比一般人更缺少愛情。程序猿也許在生活中會比較宅，但是千萬不要說程序猿不懂浪漫。當(dāng)你不開心了，他可以分分鐘做出100種“我愛你”的愛意語言給你制造小驚喜2023-01-01
本文主要介紹html5手機觸屏touch事件，簡單舉例，需要的朋友可以參考下。2016-06-06
div css表單布局的五個小技巧可以幫助你更靈活的控制表單，使頁面更加滿意。2008-01-01