Die korrekte Verwendung des Alt -Text -Attributs und des Titelsattributs kann nicht nur die Suchfähigkeit von Bildern verbessern, sondern auch für die Benutzererfahrung sehr hilfreich sein.
Der ALT -Text soll den Zuschauern, die die Bilder in Ihrem Dokument nicht sehen können, Textbeschreibungen bereitstellen. Dies schließt ein, dass Benutzer, die Browser verwenden, die keine Bildanzeige oder Bildanzeige unterstützen, die Sehbehinderte sind, und Benutzer, die Bildschirmleser verwenden. Daher wird der Ersatztext verwendet, um das Bild zu ersetzen, anstatt zusätzlichen wörtlichen Text bereitzustellen. ALT -Text spielt auch die Rolle des Titels im IE -Browser - Textaufforderungen, wenn die Maus passt. Dh Browser führt alle in die Irre. In IE wird ALT eine Textaufforderung, da der IE nicht Standard ist. Firefox macht das besser.
Der Titel ist eine Erklärung und zusätzliche Ergänzung zum Bild. Wenn Sie die Textaufforderung verwenden müssen, wenn die Maus das Bild durchgeht, sollten Sie den Attributtitel verwenden. Das Titelattribut hat eine höhere Priorität als ALT -Text. Aufgrund der falschen Anleitung fügen viele Anfänger jedoch nur das ALT -Attribut zum IMG -Tag hinzu.
Schauen wir uns ein Beispiel unten an und wir können den Unterschied zwischen Alt -Text und Titel klarer sehen:
//*Das Bild wird nicht angezeigt
<img src = vevb.jpg breit = 400 Höhe = 104alt = Webdesign>
<img src = vevb.jpg breit = 239 Höhe = 104 Titel = Webdesign/
//*Bildanzeige
<img src = vevb.png title = webdesign/
<img src = vevb.png Alt = Webdesign/
Im IE -Browser werden Textanforderungen angezeigt, wenn die Maus für diese vier Codes durch das Bild geht.
Im Firefox -Browser wird in den ersten drei Codes, wenn die Maus durch das Bild passt, die Textaufforderung angezeigt, und der letzte Code wird die Maus durch das Bild geleitet, zeigt die Texteingabeaufforderung nicht an (wie in der Abbildung unten gezeigt).
Das heißt, wenn das Bild nicht angezeigt werden kann, wird der Inhalt des Ersatztextes angezeigt, wenn die Maus durch das Bild geht. Wenn das Bild angezeigt werden kann, wird der Ersatztext nicht angezeigt, wenn die Maus durch das Bild geht.
Nachdem wir nun wissen, was der Unterschied zwischen Alt -Text und Titel ist, wie können wir sie richtig verwenden?
1. ALT -Text und Titel sind für Besucher sehr wichtig (ALT -Text ist für Suchmaschinen wichtiger). Wenn Sie IMG -Objekte definieren, schreiben Sie also am besten alle ALT -Text- und Titelattribute, um sicherzustellen, dass sie normalerweise in verschiedenen Browsern verwendet werden können.
2. Fügen Sie Schlüsselwörter in ALT -Text und Titel ein, und der Inhalt der beiden ist am besten.
3. Stapeln Sie Keywords nicht im Alt -Text und im Titel, ansonsten kann dies zu Suchmaschinenstrafen führen.