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

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

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


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

alt屬性：


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

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

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

③長度必須少于100個英文字符或者用戶必須保證替換文字盡可能的短。

title屬性：


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

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

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

③值可以比alt屬性值設置的更長。不過要注意的是，有些瀏覽器會截斷過長的文字。比如Mozilla核心的瀏覽器只能顯示最先的60個字符。

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

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

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

當前題目：淺析圖片title屬性和alt屬性的區(qū)別
鏈接分享：http://www.muchs.cn/news26/49176.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、商城網(wǎng)站、移動網(wǎng)站建設、定制開發(fā)、做網(wǎng)站、軟件開發(fā)

廣告

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

外貿(mào)網(wǎng)站制作