亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

麻煩大神看看,請問<img>標簽里的<alt>屬性是用來干什么的?

麻煩大神看看,請問<img>標簽里的<alt>屬性是用來干什么的?

紫衣仙女 2021-07-28 19:07:22
感覺好像都沒有什么用
查看完整描述

2 回答

?
手掌心

TA貢獻1942條經驗 獲得超3個贊

alt屬性是<img>元素的必選屬性,它給出了圖像的備選文本,供圖像無法顯示時采用。

當用戶因為某種原因(比如:打開速度慢、src屬性存在錯誤或者用戶使用了屏幕閱讀器)不能查看圖像時,alt屬性提供了替代信息。

注意: Internet Explorer對alt屬性的處理是,當鼠標光標停留在圖像上時,將alt屬性值作為提示文本(tooltip)顯示出來。但根據HTML規范,這不是正確的處理方式。其他瀏覽器的處理都是符合標準的,即在無法加載圖像時將alt屬性值顯示出來。

提示: 如果要為圖像創建提示文本(tooltip),應采用title屬性。

擴展資料

img標簽中alt和title屬性的正確使用:

在的img標簽有兩個屬性分別為alt和title,對于很多初學者而言對這兩個屬性的正確使用都還抱有迷惑,當然這其中一部分原因也是ie瀏覽器所導致的。正確的使用這兩個屬性除了可以提高圖片的搜索能力外,在用戶體驗上也是很有幫助。

alt

此屬性的實質作用是圖片在無法正確顯示的時候起到文本替代的作用,不過在IE6下還起到了title的作用(鼠標放上去后的文字提示),IE的實現方法實際上是錯誤的。

如果想在鼠標滑過時顯示提示,應該用title屬性。由于錯誤的引導,很多初學者就在img標簽內只加了alt屬性。

title

鼠標滑過時顯示的文字提示,用戶體驗上很重要。當然不必要所有的img標簽都加此屬性,比方說logo這樣比較重要或者說用戶會體驗到的圖片內容建議一定要加此屬性。



查看完整回答
反對 回復 2021-08-02
?
繁星coding

TA貢獻1797條經驗 獲得超4個贊

alt 屬性是一個必需的屬性,它規定在圖像無法顯示時的替代文本。

假設由于下列原因用戶無法查看圖像,alt 屬性可以為圖像提供替代的信息:

1、網速太慢。

2、src 屬性中的錯誤。

3、瀏覽器禁用圖像。

4、用戶使用的是屏幕閱讀器。

<img> 標簽的 alt 屬性指定了替代文本,用于在圖像無法顯示或者用戶禁用圖像顯示時,代替圖像顯示在瀏覽器中的內容。這樣即使圖像無法顯示,用戶還是可以看到關于丟失了什么東西的一些信息。而且對于殘疾人來說,alt 屬性通常是他們了解圖像內容的唯一方式。

擴展資料:


alt 屬性的值是一個最多可以包含 1024 個字符的字符串,其中包括空格和標點。這個字符串必須包含在引號中。這段 alt 文本中可以包含對特殊字符的實體引用,但它不允許包含其他類別的標記,尤其是不允許有任何樣式標簽。

當用戶把鼠標移動到 img 元素上時,Internet Explorer 會顯示出 alt 屬性的值。這種行為并不正確。所有其他的瀏覽器正在向規范靠攏,只要當圖像無法顯示時,才會顯示出替代文本。

提示:如果需要為圖像創建工具提示,請使用 title 屬性。



查看完整回答
反對 回復 2021-08-02
  • 2 回答
  • 0 關注
  • 541 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號