img圖片標(biāo)簽alt和title屬性的區(qū)別

2024-04-27 15:17:04

字體：大中小

供稿：網(wǎng)友

原文鏈接http://playkid.blog.163.com/blog/static/562872602012108115949742/alt是給搜索引擎識別，在圖像無法顯示時的替代文本；title是關(guān)于元素的注釋信息，主要是給用戶解讀。當(dāng)鼠標(biāo)放到文字或是圖片上時有title文字顯示。（因為IE不標(biāo)準(zhǔn)）在IE瀏覽器中alt起到了title的作用，變成文字提示。在定義img對象時，將alt和title屬性寫全，可以保證在各種瀏覽器中都能正常使用?！　lt漢語意思為改變、替換。　　alt屬性是一個必需的屬性，主要用于img標(biāo)簽，它規(guī)定在圖像無法顯示時的替代文本，如網(wǎng)速太慢、瀏覽器禁用圖像等情況下。　　如：<img src="/playkid.jpg" alt="iT民工 - 菜鳥變網(wǎng)蟲"/>　　當(dāng)用戶把鼠標(biāo)移動到img元素上時，IE會顯示出alt屬性的值（Chorme瀏覽器不會顯示）?！　lt屬性有利于SEO，是搜索引擎搜錄時判斷圖片與文字是否相關(guān)的重要依據(jù)?！　itle是標(biāo)題、名目的意思。　　title屬性是對元素的注釋說明和額外補(bǔ)充。當(dāng)鼠標(biāo)放到文字或是圖片上時有title文字顯示?！　itle屬性并不作為搜索引擎抓取圖片的參考，更多傾向于用戶體驗的考慮。如果圖片旁邊已經(jīng)有文字說明，就沒必要多此一舉的添加title?！　itle屬性常與form以及a元素（錨點anchor）一同使用，以提供關(guān)于輸入格式和鏈接目標(biāo)的信息?！　∪纾?lt;a href="http://playkid.blog.163.com" title="菜鳥變網(wǎng)蟲的博客">playkid.blog.163.com</a>，在鼠標(biāo)懸停在超鏈接上的時候，顯示該超鏈接的文字注釋?！　itle與style、id、class等一起作為HTML中許多標(biāo)簽共用的標(biāo)準(zhǔn)屬性。　　屬性　　值　　　　　　　描述　　class　class/style_rule　元素的類　　id　　　id_name 　　元素的某個特定id?！　tyle　樣式定義　　內(nèi)聯(lián)樣式定義。　　title　提示文本　　顯示于提示工具中的文本。

上一篇：如何組織gulp文件

下一篇：使用json_decode()的一些小積累