1. 程式人生 > >img圖片標籤alt和title屬性的區別

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

  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 提示文字  顯示於提示工具中的文字。