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