淺析圖片title屬性和alt屬性的區(qū)別

2016-10-16    分類： 網(wǎng)站建設(shè)

大家都知道如果你給一個(gè)鏈接加說(shuō)明的話,可以用title屬性,如也可以用


title和alt雖然比較相似，但是還是有區(qū)別的，這兩個(gè)屬性比較混淆，我們來(lái)看一下兩者的區(qū)別：

alt屬性：


使用alt屬性是為了給那些不能看到你文檔中圖像的瀏覽者提供文字說(shuō)明。這包括那些使用本來(lái)就不支持圖像顯示或者圖像顯示被關(guān)閉的瀏覽器的用戶，視覺(jué)障礙的用戶和使用屏幕閱讀器的用戶。替換文字是用來(lái)替代圖像而不是提供額外說(shuō)明文字的。

①為不能顯示圖像、窗體或applets的用戶代理（UA），alt屬性用來(lái)指定替換文字。替換文字的語(yǔ)言由lang屬性指定。

②它只能用在img、area和input元素中。

③長(zhǎng)度必須少于100個(gè)英文字符或者用戶必須保證替換文字盡可能的短。

title屬性：


使用title屬性提供非本質(zhì)的額外信息。title屬性有一個(gè)很好的用途，即為鏈接添加描述性文字，特別是當(dāng)連接本身并不是十分清楚的表達(dá)了鏈接的目的。

①為設(shè)置該屬性的元素提供建議性的信息。

①可以用在除了base，basefont，head，html，meta，param，script和title之外的所有標(biāo)簽。

③值可以比alt屬性值設(shè)置的更長(zhǎng)。不過(guò)要注意的是，有些瀏覽器會(huì)截?cái)噙^(guò)長(zhǎng)的文字。比如Mozilla核心的瀏覽器只能顯示最先的60個(gè)字符。

綜上所述,我們可以知道,我們可以給option用title加注釋,但是不能用alt加注釋。

在許多時(shí)候,alt的局限性很大.而title的擴(kuò)展性很強(qiáng).我們?cè)诨ヂ?lián)網(wǎng)上經(jīng)常會(huì)看到,當(dāng)指針移上去時(shí),有時(shí)顯示的注釋里不光有文字,還有圖片,還可以換行,甚至更多!真的很奇妙,這是怎么弄上去的呢?直接將HTML代碼寫入TITLE標(biāo)簽里當(dāng)然是不行的了。

建議大家以后如果只是圖片,或者是給按鈕等常用的加些文字替換的話,用ATL屬性就夠了.而是要完成更酷的特效或者是加載圖片,給更多的標(biāo)簽加注釋時(shí),應(yīng)選用Title屬性。

新聞名稱：淺析圖片title屬性和alt屬性的區(qū)別
分享鏈接：http://www.muchs.cn/news/49176.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計(jì)、自適應(yīng)網(wǎng)站、面包屑導(dǎo)航、商城網(wǎng)站、電子商務(wù)、營(yíng)銷型網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

手機(jī)網(wǎng)站建設(shè)