img圖片標簽alt和title屬性的區別

2024-04-27 15:17:04

字體：大中小

來源：轉載

供稿：網友

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

上一篇：如何組織gulp文件

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