Was ist ALT -Text und warum es in HTML wichtig ist??

Bilder spielen in jeder Anwendung eine wichtige Rolle. Sie werden verwendet, um die Anziehungskraft und Attraktivität der Website zu verbessern. Was ist, wenn Ihre Internetverbindung verlangsamt und das gewünschte Bild nicht hochladen kann? Was sollte dann auf dem Bildschirm anstelle des Bildes angezeigt werden? In einem solchen Szenario ermöglicht HTML es uns, das Attribut zu verwenden “Alt”Im HTML -Element.

Diese Studie wird Sie darüber leiten, was ALT -Text ist und warum sie in HTML wichtig ist.

Was ist ein ALT -Text in HTML?

Manchmal, wenn wir durch eine Website scrollen, wird ein kleiner Text angezeigt, wenn das Bild nicht heruntergeladen wird. Diese HTML -Komponente ist als "bekannt"AltText, Beschreibung oder alternativer Text. Es ist ein Attribut, das dem Tag von HTML zugeordnet ist.

Syntax

Um den ALT -Text in HTML zu verwenden, folgen Sie der angegebenen Syntax:

Die Beschreibung der oben genannten Syntax ist unten aufgeführt:

• “src”: Dieses Attribut wird verwendet, um den Pfad des Quellbilds anzugeben.
• “Alt”: Ist der alternative Text.

Warum ist ALT -Text in HTML wichtig??

Der ALT -Text ist aus vielen Gründen wichtig. Einige von ihnen sind unten aufgeführt:

• Für eine bessere Zugänglichkeit der Webseite ist es besser, ALT-Text zu verwenden, da sie Benutzern hilft, die sehbehindert sind, die Bildbeschreibung durch Anwendungen von Drittanbietern zu hören.
• Anstelle des Bildes wird der Wert des Alt -Text -Attributs angezeigt. Dies ist von Vorteil, wenn die Benutzer Verbindungen mit geringer Bandbreite erfahren.
• Der ALT -Text trägt auch zum Webseitenrang in Googles Augen bei. Es enthält nicht nur Beschreibung, sondern auch eine Bedeutung, was für den gesamten Website -Verkehr hilfreich sein kann.

Was sind die besten Praktiken des Alt -Textes in HTML?

Einige der Best Practices für die Verwendung von ALT -Text für Ihre Website sind unten aufgeführt:

• Beginnen Sie den ALT -Text nicht mit “Bild von" oder "Bild von" Wörter.
• Begrenzen Sie den ALT -Text auf 130 Zeichen oder weniger.
• Denken Sie an die SEO.
• Sei genau.

Beispiel 1: guter und schlechter Alt -Text in HTML

Nehmen wir ein Beispiel und überprüfen Sie, welche Art von alternativem Text anstelle des Bildes angezeigt werden soll:

Hier haben wir den schlechten und guten alternativen Text für die HTML angegeben:

• Schlechter Alttext: Bergstufen lila Blumen.
• Guter Alt -Text: Stufen von lila Blumen in Richtung des schneebedeckten Berges umgeben.

Es kann beobachtet werden, dass der schlechte Alt -Text keine Beschreibung ist. Vielmehr ist es nur eine Liste von Wörtern. Im Vergleich dazu beschreibt der gute Alt -Text die Informationen zum Bild.

Beispiel 2: So fügen Sie Alt -Text zu HTML -Element hinzu?

Lassen Sie uns das Konzept des Hinzufügens von Alt -Text mit Hilfe eines Beispiels demonstrieren.

Html

Fügen Sie in der HTML -Datei zunächst einen Container hinzu, der das Element enthält. Dieses Element ist den SRC- und ALT -Attributen zugeordnet:

Speichern Sie die HTML -Datei, und die Webseite zeigt das Bild wie folgt an:

Nehmen wir an, dieses Bild hat nicht hochgeladen, oder wir haben fälschlicherweise den falschen Weg des Bildes in unserer HTML -Datei hinzugefügt. Anschließend wird der angegebene ALT -Text anstelle des Bildes angezeigt:

So können Sie unserem Bild mit der "Alt -Text hinzufügen"Alt”Attribut im Tag.

Abschluss

HTML ermöglicht es uns, Bilder für unsere Webanwendung zu verwenden. Aber manchmal hat der Benutzer eine Verbindung mit niedriger Bandbreite, und das Bild kann nicht in die Anwendung hochladen. In einer solchen Situation das “AltDas Attribut mit dem Tag zeigt alternativen Text an, wenn das Bild nicht angezeigt wurde. In diesem Artikel wurde das Alt -Attribut des HTML -Elements erläutert.