img圖片標籤alt和title屬性的區別
阿新 • • 發佈:2019-02-07
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 提示文字 顯示於提示工具中的文字。