HTML alt屬性和title屬性

2021-09-01 07:53:36 字數 947 閱讀 6121

替換文字(alt text)並不是用來做提示(tool tip),或者更加確切的說,它並不是為提供額外說明資訊的。相反地,title屬性才應該用來為元素提供額外說明資訊。這些資訊在大部分影象瀏覽器裡顯示為提示(tool tip),雖然製造商可以任意採取其他方式渲染title屬性的文字。
alt屬性
使用alt屬性是為了給那些不能看到你文件中影象的瀏覽者提供文字說明。這包括那些使用本來就不支援影象顯示或者影象顯示被關閉的瀏覽器的使用者,視覺障礙的使用者和使用螢幕閱讀器的使用者。替換文字是用來替代影象而不是提供額外說明文字的。

說白了,比如 img alt是不存在時.顯示的框裡面的內容(你可以嘗試給的src指定個不存在的),就可以看到alt效果了.
title 屬性 

title屬性可以用在除了base,basefont,head,html,meta,param,script和title之外的所有標籤。但是並不是必須的。可能這正是為什麼很多人不明白何時使用它。

使用title屬性提供非本質的額外資訊。大部分的視覺化瀏覽器在滑鼠懸浮在特定元素上時顯示title文字為提示資訊(tool tip),然而這又由製造商來決定如何渲染title文字。一些瀏覽器會將title文字顯示在狀態列裡。比如早期版本的safari瀏覽器。

title屬性有乙個很好的用途,即為鏈結新增描述性文字,特別是當連線本身並不是十分清楚的表達了鏈結的目的。這樣就使得訪問者知道那些鏈結將會帶他們到什麼地方,他們就不會載入乙個可能完全不感興趣的頁面。另外乙個潛在的應用就是為影象提供額外的說明資訊,比如日期或者其他非本質的資訊。

title屬性值可以比alt屬性值設定的更長。不過要注意的是,有些瀏覽器會截斷過長的文字(比如工具提示或其他)。比如mozilla核心的瀏覽器只能顯示最先的60個字元。這被認為是乙個mozilla bug,這是你要注意的。

Alt屬性和Title屬性

當瀏覽器賣主扭曲了標準並且自顧自的不按規則去做一些事,他們可能會造成一些問題,或者至少產生了混淆。例子之一就是一些瀏覽器處理alt屬性 一般會被錯誤的稱作alt標籤 的方式,比如擁有大量使用者的windows的ie瀏覽器。替換文字 alt text 並不是用來做提示 tool tip 或者更加確切的...

alt屬性和title屬性

alt屬性和title屬性 當瀏覽器賣主扭曲了標準並且自顧自的不按規則去做一些事,他們可能會造成一些問題,或者至少產生了混淆。例子之一就是一些瀏覽器處理alt屬性 一般會被錯誤的稱作alt標籤 的方式,比如擁有大量使用者的windows的ie瀏覽器。替換文字 alt text 並不是用來做提示 to...

html中title和alt屬性的區別

今天忽然才明白html中title和alt屬性的區別,哎,這麼多年了,竟然一直在用alt 原文內容 alt屬性和title屬性 當瀏覽器賣主扭曲了標準並且自顧自的不按規則去做一些事,他們可能會造成一些問題,或者至少產生了混淆。例子之一就是一些瀏覽器處理alt屬性 一般會被錯誤的稱作alt標籤 的方式...