HTML <img> atribute na alt
Paglilingkuran at paggamit
alt Ang atribute na ito ay isang mahalagang atribute, na nagtutukoy sa kahilingan ng paliwanag kapag ang imahen ay hindi maipakita.
Kung ang gumagamit ay hindi makakita ng imahen dahil sa mga sumusunod na dahilan, ang atribute na alt ay maaaring magbigay ng impormasyon na paliwanag sa imahen:
- Mabagal ang kabit ng internet
- Mga pagkakamali sa atribute na src
- Ang browser ay ayusin ang pagpapakita ng imahen
- Ang gumagamit ay gumagamit ng screen reader
Ang atribute na alt ng tag na <img> ay tinukoy ang kahilingan ng paliwanag, na ginagamit kapag ang imaheng ito ay hindi maipakita o kapag ang gumagamit ay ayusin ang pagpapakita ng imahen sa browser.
Malaking pahintulot naming itaas ang paggamit nito sa bawat imaheng mayroon sa dokumento. Gayunpaman, kahit na ang imaheng ito ay hindi maipakita, ang gumagamit ay makakakita ng ilang impormasyon tungkol sa kung ano ang nawala. At para sa mga may kapansanan, ang atribute na alt ay karaniwang para kanila upang maunawaan ang nilalaman ng imaheng ito.
Mga paliwanag:Kung nais mong gumawa ng tool tip para sa imaheng ito, gamitin ang Atribute ng title！
Mga paliwanag at komento
Mga komento:alt Ang halaga ng atribute ay isang string na maaaring maglagay ng hanggang 1024 na mga character, kasama ang mga espasyo at markahang pahiyag. Ang string na ito ay dapat naka-quotes. Ang teksto ng alt na ito ay maaaring maglagay ng entity reference ng mga espesyal na character, ngunit hindi pinapayagan ang iba pang uri ng tag, lalo na walang tag ng estilo.
Mga komento:Kapag inililipat ng gumagamit ang mouse sa ibabaw ng elemenong img, ipapakita ng Internet Explorer ang halaga ng atribute na alt. Ang ganitong pag-uugali ay hindi tama. Ang lahat ng iba pang browser ay gumagawa ng pagkakaroon ng pagkakaisa sa mga tuntunin, kapag ang imaheng ito ay hindi maipakita, ipapakita lamang ang kahilingan ng paliwanag.
Mga paliwanag:Kung nais mong gumawa ng tool tip para sa imaheng ito, gamitin ang Atribute ng title。
Mga salin
Mga halimbawa 1
<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />
Kung ang imaheng ito ay hindi maipakita, ang browser ay magpapakita ng kahilingan ng paliwanag, tulad nito:
นอกจากนี้ เมื่อผู้ใช้เคลื่อนเมาส์ไปยังด้านบนของรูปภาพ บราวเซอร์ที่สนับสนุนขณะนี้จะแสดงข้อความเรียกเรื่องในช่องข้อความ รหัสใต้คุณสมบัติ alt ของรหัสนี้เพิ่มข้อความเรียกเรื่องเพื่อรูปภาพ:
คุณสามารถเคลื่อนเมาส์ไปยังรูปภาพด้านล่างเพื่อดูผลลัพธ์ตามมา:
ข้อความที่มีกรอบแดงคือข้อความที่เบราเซอร์ Internet Explorer 7 แสดงออกเมื่อผู้ใช้เคลื่อนเมาส์เหนือรูปภาพ:
ตัวอย่าง 2
รูปภาพที่กำหนดข้อความทางเลือก:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
รูปแบบ
<img alt="text">
ค่าของคุณสมบัติ
| ค่า | รายละเอียด |
|---|---|
| text |
กำหนดข้อความทางเลือกของรูปภาพ หลักการใช้งานของ alt ข้อความ:
|
การสนับสนุนเบราเซอร์
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน |
