Definicja i Wykorzystanie
alt atrybut zawiera alternatywny informacje dla obrazu, gdy użytkownik z jakiegoś powodu nie można go zobaczyć (z powodu wolnego połączenia, błąd w src atrybutu, czy użytkownik korzysta z czytnika ekranu).
Uwaga: alt atrybut jest wymagany do <img> elementu.
Uwaga: <input> elementów, alt atrybut może być używany tylko z <input type="image"> .
Wskazówka: Aby utworzyć podpowiedź dla obrazu, użyj title atrybut!
Dotyczy
alt atrybut może być stosowany na następujących elementach:
| Elementy | Atrybut |
|---|---|
| <area> | alt |
| <img> | alt |
| <input> | alt |
Przykłady
Area Przykład
Obraz-map, z obszarami klikalne:
<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Spróbuj sam " Img Przykład
Obraz z tekstem alternatywnym określonym:
<img src="smiley.gif" alt="Smiley face">
Spróbuj sam " Input Przykład
HTML form z obrazem, który reprezentuje przycisk złożyć:
<form action="demo_form.asp">
First name: <input type="text" name="fname"><br>
<input type="image" src="submit.gif" alt="Submit" width="48" height="48">
</form>
Spróbuj sam " Pomoc Browser
alt atrybut posiada następujące wsparcie przeglądarki dla każdego elementu:
| Element | |||||
|---|---|---|---|---|---|
| area | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input | Yes | Yes | Yes | Yes | Yes |