title與alt的區別

2022-07-01 07:30:08 字數 709 閱讀 2104

html中的title屬性和alt屬性讓人有些混淆。

以前不知道有title這個屬性,第一次用到它時,就和alt產生了混淆。一位朋友告訴我說,alt是img標籤裡用的,title是超連結裡用的, 當時想可能是這樣的吧,後來知道這是很不嚴謹的,alt是img標籤裡用的沒錯,可是你在img標籤裡使用title屬性,結果一樣可以出現效果。

在記事本中分別寫三條語句,儲存成html進行測試:

結果:第一條語句在ie中輸出影象,滑鼠放到影象上,會出現「這是我校的logo」,即影象正常顯示時,沒有title的情況下,顯示alt內容。

為了表述得更明白,我從網上找到了一些有用的資料,摘其精要:

alt屬性的功能是不能顯示影象資訊時候的替換文字(即在顯示的位置上顯示文字,說明這個的要顯示的內容)。alt屬性值的長度必須少於100個英文本元。

title屬性可以用在除了base,basefont,head,html,meta,param,script和title之外的所有標籤。

title屬性的功能是提示。額外的說明資訊和非本質的資訊請使用title屬性。title屬性值可以比alt屬性值設定的更長。

title屬性有乙個很好的用途,即為鏈結新增描述性文字,特別是當連線本身並不是十分清楚的表達了鏈結的目的。這樣就使得訪問者知道那些鏈結將會帶他們

到什麼地方,他們就不會載入乙個可能完全不感興趣的頁面。另外乙個潛在的應用就是為影象提供額外的說明資訊,比如日期或者其他非本質的資訊。

title和alt的區別

alt 此屬性的實質作用是在無法正確顯示的時候起到文字替代的作用,不過在ie6下還起到了title的作用 滑鼠放上去後的文字提示 ie的實現方法實際上是錯誤的。如果想在滑鼠滑過時顯示提示,應該用title屬性。由於錯誤的引導,很多初學者就在img標籤內只加了alt屬性。title 滑鼠滑過時顯示的文...

img 中的 alt 與 title 屬性的區別

css 的標籤 img 有很多屬性,其中包括 alt 和 title。兩者之前的相同點在於 兩者的不同點 alt 屬性 當載入不出來的時候,就會在未顯示的地方出現一段 alt 設定的屬性內容。這個屬性的作用是為了給未載入的顯示提示資訊,即使在網路比較差的時候,使用者也可以知道的內容,從而方便用於瀏覽...

img中alt與title辨析

img標籤alt屬性是當不存在時或載入失敗時的替代文字 進行顯示 img標籤title屬性是對的描述與進一步說明。在ff chrome和ie8 中,當滑鼠經過時title屬性的值會顯示,而alt屬性的值不會顯示 只有在ie6 ie7中,如果img標籤沒有寫title屬性,而寫了alt屬性的時候,al...