Neueste Web-Entwicklung Tutorials
 

HTML <img> alt Attribute

<HTML <img> tag

Beispiel

Ein Bild mit einem alternativen Text angegeben:

<img src="smiley.gif" alt="Smiley face">
Versuch es selber "

Definition und Verwendung

Die erforderliche alt - Attribut gibt einen alternativen Text für ein Bild, wenn das Bild nicht angezeigt werden kann.

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).

Tipp: Um einen Tooltip für ein Bild erstellen, verwenden Sie den title Attribut!


Browser-Unterstützung

Attribut
alt ja ja ja ja ja

Hinweis: Internet Explorer 7 (und früher) zeigt den Wert des alt - Attribut als Tooltip, wenn sie über das Bild mousing.Dies ist nicht das richtige Verhalten nach der HTML-Spezifikation.


Unterschiede zwischen HTML 4.01 und HTML5

KEINER.


Syntax

<img alt="text">

Werte Attribut

Wert Beschreibung
text Gibt einen alternativen Text für ein Bild.

Richtlinien für die Alt-Text:

  • Der Text sollte das Bild beschreiben, wenn die Bildinformation enthält
  • Der Text sollte erklären , wo der Link geht , wenn das Bild im Inneren eines ist <a> Element
  • Verwenden alt="" , wenn das Bild nur für die Dekoration ist

<HTML <img> tag