Definition und Verwendung
Das alt - Attribut bietet alternative Informationen für ein Bild , wenn ein Benutzer aus irgendeinem Grund nicht sehen kann (wegen der langsamen Verbindung, ein Fehler im src - Attribut, oder wenn der Benutzer verwendet einen Bildschirmleser).
Hinweis: Das alt - Attribut für das erforderlich ist <img> Element.
Hinweis: Für die <input> Elemente, die alt kann Attribut nur mit verwendet werden <input type="image"> .
Tipp: Um einen Tooltip für ein Bild erstellen, verwenden Sie den title Attribut!
Gilt für
Das alt - Attribut kann auf folgende Elemente verwendet werden:
| Elements | Attribut |
|---|---|
| <area> | alt |
| <img> | alt |
| <input> | alt |
Beispiele
Die Area Beispiel
Ein Bild-Karte, mit anklickbaren Bereichen:
<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>
Versuch es selber " Img Beispiel
Ein Bild mit einem alternativen Text angegeben:
<img src="smiley.gif" alt="Smiley face">
Versuch es selber " Input
Ein HTML - form mit einem Bild, das die Submit - Button darstellt:
<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>
Versuch es selber " Browser-Unterstützung
Das alt - Attribut hat die folgende Browser - Unterstützung für jedes Element:
| Element | |||||
|---|---|---|---|---|---|
| area | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input | Yes | Yes | Yes | Yes | Yes |