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