Bild Image Tags

Alt-Tag

Kann das Bild nicht geladen werden oder wird das Format vom Webbrowser nicht unterstützt, wird stattdessen der Text „Haus am waldrand in der dämmerung“ angezeigt. Dies soll sehbehinderten Menschen oder Websitebesuchern, deren Browser das Bild nicht darstellen können, den Inhalt des Bildes vermitteln. Es gilt gemäß der offiziellen HTML-Spezifikation als Mangel, bei Bildern auf diesen Alt-Text zu verzichten. Mittlerweile gilt dieser Alt-Text auch als ein Kriterium in der Onpage-Suchmaschinenoptimierung, denn die Suchmaschinen erfassen über diesen Text ebenfalls den Inhalt von Bildern.

Title-Tag

Wenn man im browser mit dem Cursor über einem Bild schwebt, wird nach kurzer Zeit ein “Layer mit Erklärungstext” angezeigt. Dieser Text, ist genau jener, welchen Wir im Title-Tag definiert haben.

Bildunterschrift

Die Bildunterschrift ist kein normaler Tag in einem img-Element. Um Bildunterschriften machen zu können, muss das ganze img-Element mit einem figure-Tag umschlossen werden. in diesem Element kann dann mit Hilfe von dem figcaption-Tag eine Bildunterschrift definiert werden.

<figure>
<img src=”xxx.jpg” alt=”xxx xx yx yy” />
<figcaption>Caption goes here</figcaption>
</figure>